在CSS中，使用font-style屬性來定義字體傾斜效果。
語法：
font-style:取值;
說明：
font-style屬性的取值如下表：
舉例：
在線測試
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>font-style屬性</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時，在浏覽器預覽的效果是一樣的！那這兩者究竟有什麼區別呢？
從預覽效果我們看不出有什麼區別，其實從表1中的定義就可以看出了，italic是字體的一個屬性，也就是說並非所有字體都有這個italic屬性，對於沒有italic屬性的字體，可以使用oblique將該字體進行傾斜設置。
一般字體有粗體、斜體、下劃線、刪除線等諸多屬性。但是並不是所有的字體都有這些屬性。一些不常用的字體，或許就只有個正常體，如果你用italic發現字體沒有斜體效果，這個時候你就要用oblique。
可以這樣理解：有些文字有斜體屬性，也有些文字沒有斜體屬性。italic是使用文字的斜體，oblique是讓沒有斜體屬性的文字傾斜。