怎么用css控制字体倾斜,不是斜体,是整体倾斜一个角度

html-css010

怎么用css控制字体倾斜,不是斜体,是整体倾斜一个角度,第1张

一种字体有粗体、斜体、下划线、删除线等诸多属性。

但是并不是所有字体都做了这些,一些不常用的字体,或许就只有个正常体,如果你用italic,就没有效果了~这时候你就要用oblique.

css2.0解释

italic和oblique都是向右倾斜的文字,

但区别在于italic是指斜体字,而oblique是倾斜的文字,对于没有斜体的字体应该使用oblique属性值来实现倾斜的文字效果.

<div class="wrap">

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

</div> .wrap{

    -webkit-transform:skew(20deg)

}

.wrap span{

    display:inline-block

    -webkit-transform:skew(-20deg)

}

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