新西兰服务器

css中em标签如何去除斜体样式


css中em标签如何去除斜体样式

发布时间:2021-12-11 19:26:46 来源:高防服务器网 阅读:52 作者:小新 栏目:web开发

这篇文章主要介绍css中em标签如何去除斜体样式,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

在css中,可以利用“font-style”属性去除em标签的斜体样式,该属性的作用就是定义字体的风格,当属性的值为“normal”时,字体显示为标准样式,也就是去除了斜体样式,语法为“em{font-style:normal;}”。

本教程操作环境:windows10系统、CSS3&&HTML5版、Dell G3电脑。

css中em标签怎么去除斜体样式

在css中,可以利用font-style属性来去除em标签的斜体样式,font-style属性定义字体的风格。当属性的值是normal时,字体样式就是标准样式。

示例如下:

<!DOCTYPE html>  <html lang="en">  <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <meta http-equiv="X-UA-Compatible" content="ie=edge">     <title>Document</title>     <style>    .em1{     font-style:normal;    }  </style>  </head>  <body>  <em class="em1">这是一段文字</em><br>     <em>这是一段文字</em>  </body>  </html>

输出结果:

以上是“css中em标签如何去除斜体样式”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注高防服务器网行业资讯频道!

[微信提示:高防服务器能助您降低 IT 成本,提升运维效率,使您更专注于核心业务创新。

[图文来源于网络,不代表本站立场,如有侵权,请联系高防服务器网删除]
[