使用css font-style
可以设置字体的样式,我们可以将一个字体设置为斜体、倾斜或者正常的样子。
字体默认情况下是正常显示的,倾斜字体一般用于一些提示文字的显示。
语法
font-style: value;
value可能的取值如下:值 | 描述 |
---|---|
normal | 默认值,文本以正常字体显示 |
italic | 文本以斜体显示 |
oblique | 文本倾斜显示 |
inherit | 从父元素继承字体样式 |
例子
<!DOCTYPE html>
<html>
<title>css font-style 字体样式</title>
<head>
<style>
body {
font-size: 100%;
}
h2 { font-style: italic; }
h3 { font-style: oblique; }
h4 { font-style: normal; }
}
</style>
</head>
<body>
<h2>此标题以斜体显示。</h2>
<h3>此标题以倾斜字体显示。</h3>
<h4>此标题以普通字体显示。</h4>
</body>
</html>
输出效果: