运用CSS效果怎么样把字体搞正

[sxinhe]

h4
{
background: #75b9e4;
color: #ffffff;
overflow: hidden;
display: block;
height: 41px;
overflow: hidden;
line-height: 41px;
-webkit-transform: skew(140deg);
-moz-transform: skew(140deg);
-o-transform: skew(140deg);
}
<h4>违章抓拍</h4>

现在我运用这个CSS效果字是斜的，我怎么样把字搞正啊？？谢谢大家了啊。

[sxinhe]

大家帮帮忙吧。。

[尐兀]

加个 <span>

[chenshiforever]

-webkit-transform: skew(140deg); -moz-transform: skew(140deg); -o-transform: skew(140deg); 这个是字体倾斜的原因，删掉就好了

[mochen91]

引用 3 楼 u013962049 的回复:

-webkit-transform: skew(140deg); -moz-transform: skew(140deg); -o-transform: skew(140deg); 这个是字体倾斜的原因，删掉就好了

正解！

[天际的海浪]

你是想只让背景倾斜，文字就不要放在背景层里面。 文字单独放一个层，用相对或绝对的定位方式让两个层重叠

[Joyce-Luo]

<div><h4></h4><span style="position: relative;top: -50px;left: 10px; color: #ffffff;">违章抓拍</span></div>

替换一下你原来的h4看看效果，是不是你需要的！！！