在css中，常常因为页面效果的需要，将文字设置为斜体，那么，如果要取消斜体，该如何使用css设置呢？下面小编举例讲解如何用css取消斜体。
工具/原料
1
html+css
2
代码编辑器：Zend Studio 12.5.1
方法/步骤
1
新建一个html文件，命名为test.html，用于讲解如何用css取消斜体。
2
在test.html文件内，使用div标签创建一个模块，并设置其class属性为mycss。
3
在css标签中，对div进行样式设置，将font-style设置为italic，即将字体设置为斜体。
4
除了使用css方式实现斜体外，还可以使用i标签来斜体文字，代码如下：
5
在css标签中，定义一个取消字体斜体的类名cancel，在该类名内，将font-style属性设置为normal，即取消斜体。
6
在test.html文件内，分别给div和i标签添加cancel类名样式，从而实现取消斜体。
7
在浏览器打开test.html文件，查看实现的效果。
总结：
1、创建一个test.html页面。 2、在文件内，使用div和i标签创建一行文字，同时使用css设置div的字体为斜体。 3、在css标签内，设置一个取消斜体的类名，在类名将font-style设置为normal，然后再将该类名应用于div和i标签，实现取消字体斜体的效果
注意事项
取消斜体的样式必须设置在斜体样式的后面，这样才能把斜体取消。
上一篇：在css中，斜体怎么设置？
下一篇：教你如何写好英文论文