CSS：字体倾斜

最新推荐文章于 2024-10-04 08:00:00 发布

程小秋

最新推荐文章于 2024-10-04 08:00:00 发布

阅读量1.6w

点赞数 4

分类专栏： CSS3

本文链接：https://blog.csdn.net/golden_wheat/article/details/64439443

版权

CSS3 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

CSS：字体倾斜（个人理解）

在CSS样式中，总会出现斜体字，斜体字一共分为两部分：

1、倾斜角度是固定的

在浏览器中，<em>默认用斜体表示。语法<em>文本</em>
css样式：font-style:italic; font-style:oblique;

2、倾斜角度不固定

用CSS3中的transform中的skew属性值实现文字的倾斜效果
skew(30deg,30deg)表示水平方向上倾斜30度，垂直方向上倾斜30度。
例：

.style{
	-webkit-transform: skew(-10deg); /* for Chrome||Safari */
	-ms-transform: skew(-10deg); /* for IE */
	-moz-transform:skew(-10deg);/* for Firefox */
	-o-transform:skew(-10deg);/* for Opera */
}
<p class="style">about</p>
<p class="style">technologe</p>