欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!

css去掉斜体html I标签斜体样式属性

有时我们使用了<i></i>斜体标签,但又想不然其对象不斜体显示,这个时候我们可以设置CSS样式来实现去掉i斜体标签css字体斜体样式。

一、认识I标签   -   TOP

html i斜体i斜体教程http://www.divcss5.com/html/h358.shtml),对文字字体实现斜体(稍微倾斜)显示。
<i>我被斜体</i>

扩展阅读:
1、css 加粗 css font-weight
2、css下划线 css text-decoration
3、css 斜体

二、DIV+CSS去i斜体样式   -   TOP

假如一个对象盒子CSS命名为“.divcss5”,其内使用了html i标签,这个使用我们想使用div css去掉其斜体样式,我们对对象i设置font-style:normal样式即可(扩展阅读:css font-style)当然可以不用html i标签而通过font-style设置css斜体样式。

CSS代码:
.divcss5 i{ font-style:normal}

三、CSS案例之去掉与没有去掉i斜体样式对比   -   TOP

我们2个DIV对象盒子一个CSS 命名为“.divcss5”去掉其内<i>标签斜体样式,另外一个div不设置class也不去掉i斜体样式

1、CSS代码

  1. .divcss5 i{ font-style:normal} 
  2. /* CSS指针 让divcss5对象内的i标签才去掉斜体样式 */ 

2、HTML代码片段

  1. <div class="divcss5"> 
  2. DIVCSS5案例 <i>我被去掉斜体样式</i> 
  3. </div> 
  4. <div> 
  5. DIVCSS5案例 <i>我未去掉斜体样式</i> 
  6. </div> 

3、斜体去掉与非去掉对比案例截图

div css去掉i斜体标签斜体样式教程案例截图
CSS去掉斜体样式与没有去掉斜体对比

四、扩展与总结   -   TOP

去掉对象i标签斜体样式使用“font-style:normal”CSS样式即可实现。更多设置对象其它样式可以进入font-style教程学习。

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/wenji/w419.shtml