css怎么设置i不是斜体

104 阅读 0 评论 69 点赞

我是靠谱客的博主鲜艳百合，最近开发中收集的这篇文章主要介绍css怎么设置i不是斜体，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

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

css怎么设置i不是斜体

font-style属性指定文本的字体样式。

<i> 定义与文本中其余部分不同的部分，并把这部分文本呈现为斜体文本。

font-style属性值如下：

normal 默认值。浏览器显示一个标准的字体样式。
italic 浏览器会显示一个斜体的字体样式。
oblique 浏览器会显示一个倾斜的字体样式。
inherit 规定应该从父元素继承字体样式。

示例如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>123</title>
<style>
i.normal {font-style:normal;}
</style>
</head>
<body>
<i class="normal">这是一个设置了不是斜体的i元素</i><br>
<i>这是一个正常i元素</i>
</body>
</html>
登录后复制

输出结果;