CSS怎么把div里的图形倾斜,而文字不倾斜

html-css017

CSS怎么把div里的图形倾斜,而文字不倾斜,第1张

<div class="wrap">

    <span>文字文字文字</span>

</div> .wrap{

    -webkit-transform:skew(20deg)

}

.wrap span{

    display:inline-block

    -webkit-transform:skew(-20deg)

}

其他浏览器私有前缀自己加,就是外层正度数,内层负度数,度数相等就可以,元素必须是块级元素

把这个属性font-style: normal加在你需要取消斜体的地方,我不清楚你的字体怎么会变全体呢。一般字体是默认是这个font-style: normal,也就是说在默认的情况下字体是正常的。可能是没有用好样式。导致继承了斜体。