在CSS中，我们可以使用font-style属性来定义斜体效果。

语法：

font-style: 取值;

说明：

font-style属性取值如下表所示。

表1 font-style属性取值
属性值 说明
normal 正常（默认值）
italic 斜体
oblique 斜体

举例：

在线测试
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <style type="text/css">
        #p1{font-style:normal;}
        #p2{font-style:italic;}
        #p3{font-style:oblique;}
    </style>
</head>
<body>
    <p id="p1">字体样式为normal</p>
    <p id="p2">字体样式为italic </p>
    <p id="p3">字体样式为oblique</p>
</body>
</html>

浏览器预览效果如下图所示。

分析：

从预览效果可以看出，font-style属性值为italic或oblique时，页面效果居然是一样的！那这两者究竟有什么区别呢？

其实italic是字体的一个属性，但是并非所有的字体都有这个italic属性。对于有italic属性的字体，我们可以使用“font-style:italic;”来实现斜体效果。但是对于没有italic属性的字体，我们只能另外想个法子，也就是使用“font-style:oblique;”来实现。

我们可以这样理解：有些字体有斜体italic属性，但有些字体却没有italic属性。oblique是让没有italic属性的字体也能够有斜体效果。

不过在实际开发中，font-style属性很少用得到，这一节简单了解一下即可。