html i标签重置样式,去掉斜体I标签斜体样式属性[css技巧]

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

一、认识I标签

二、DIV+CSS去i斜体样式

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

CSS代码：

.CSS5 i{ font-style:normal}

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

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

.CSS5 i{ font-style:normal}

/* CSS指针 让CSS5对象内的i标签才去掉斜体样式 */

CSS5案例 我被去掉斜体样式

CSS5案例 我未去掉斜体样式

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

CSS去掉斜体样式与没有去掉斜体对比

四、扩展与总结

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

作者：css5