如何用css取消斜体

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文件，查看实现的效果。