CSS 不让字体倾斜可以设置 font-style 属性, 下面为各位介绍 font-style 的使用方法, 以及通过它来让字体不倾斜的方法.
font-style 属性兼容各大浏览器, 用来设置文字的显示样式. 使用 font-style:normal 即可让文字不倾斜.
取值:
normal : 正常的字体
italic : 斜体. 对于没有斜体变量的特殊字体, 将应用 oblique
oblique : 倾斜的字体
下面, 我们对 div 盒子里的文字字体设置为 italic 斜体, oblique 倾斜体, 使用 font-style:normal 去掉 html <i > 斜体标签默认斜体样式.
1,CSS 代码:
- <style>
- .div_italic{ font-style:italic}
- .div_oblique{ font-style:oblique}
- .div_normal i{ font-style:normal}
- /* 去掉 div_normal 对象 I 斜体标签默认斜体样式 */
- </style>
2,HTML 代码片段:
- <div class="div_italic">
- 我被加斜体
- </div>
- <div class="div_oblique">
- 我被加倾斜
- </div>
- <div>
- <i>
- 我加 I 标签斜体
- </i>
- </div>
- <div class="div_normal">
- <i>
- I 斜体被 CSS 去掉
- </i>
- </div>
3, 效果
来源: http://www.css88.com/qa/css3/16023.html