这篇文章将为大家详细讲解有关css如何去掉斜体样式，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。
在css中，可以使用font-style属性来去掉斜体样式，只需要给元素设置“font-style: normal;”样式即可。font-style属性可以指定文本的字体样式，当值设置为“normal”时，浏览器显示一个标准的字体样式。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
在HTML中，i标签默认自带斜体样式
<p>
正常字体<br />
<i>测试字体</i>
</p>
效果图：
如何去掉i标签的斜体样式？可以使用font-style属性，语法：
i{
font-style: normal;
}效果图：
css font-style属性
font-style属性指定文本的字体样式。
属性值：
| 值 | 描述 |
|---|
| normal | 默认值。浏览器显示一个标准的字体样式。 |
| italic | 浏览器会显示一个斜体的字体样式。 |
| oblique | 浏览器会显示一个倾斜的字体样式。 |
| inherit | 规定应该从父元素继承字体样式。 |
关于“css如何去掉斜体样式”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。