本文摘自PHP中文网,作者不言,侵删。
本篇文章给大家带来的内容是关于CSS中font-style定义字体倾斜体样式的代码示例,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。一、常用斜体语法
常用字体样式设置font-style: italic
兼容各大浏览器
normal : 正常的字体(默认字体样式,可用于去掉html i斜体标签默认斜体样式)
italic : 斜体。对于没有斜体变量的特殊字体,将应用oblique
oblique : 倾斜的字体
二、css斜体案例
我们对divcss5盒子里的文字字体设置为italic斜体,oblique倾斜体,使用font-style:normal去掉html 斜体标签默认斜体样式。
1、css代码:
1 2 3 4 5 6 |
|
2、html代码片段:
1 2 3 4 |
|
3、div css斜体案例截图
CSS font-style斜体字体倾斜体样式(italic oblique normal)
三、总结
让对象盒子里的文字字体为斜体,可以对对应盒子加css样式font-style:italic即可实现对象内文字字体为斜体。同时我们案例也演示了使用CSS去掉斜体样式,使用CSS font-style:normal去掉I斜体标签斜体样式。
以上就是CSS中font-style定义字体倾斜体样式的代码示例的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
更多相关阅读请进入《css》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者