CSS中font-style定義字體傾斜體樣式的程式碼範例

這篇文章帶給大家的內容是關於CSS中font-style定義字體傾斜體樣式的程式碼範例，有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。

一、常用斜體語法

常用字體樣式設定font-style: italic

#相容各大瀏覽器

normal : 正常的字體(預設字體樣式，可用來去掉html i斜體標籤預設斜體樣式)

italic : 斜體。對於沒有斜體變數的特殊字體，將套用oblique

oblique : 傾斜的字體

二、css斜體案例

#我們將divcss5盒子裡的文字字體設定為italic斜體，oblique傾斜體，使用font-style:normal去掉html 斜體標籤預設斜體樣式。

1、css程式碼：

<style>
　　.divcss5_italic{ font-style:italic}
　　.divcss5_oblique{ font-style:oblique}
　　.divcss5_normal i{ font-style:normal}
　　/ 去掉divcss5_normal对象I斜体标签默认斜体样式 /
　　</style>

2、html程式碼片段：

<div class="divcss5_italic">我被加斜体</div>
　　<div class="divcss5_oblique">我被加倾斜</div>
　　<div>我加I标签斜体</div>
　　<div class="divcss5_normal">I斜体被CSS去掉</div>

3、div css斜體案例截圖

# CSS font-style斜體字體傾斜體樣式(italic oblique normal)

#三、總結

讓物件盒子裡的文字字體為斜體，可以對應盒子加css樣式font-style:italic即可實現物件內文字字體為斜體。同時我們案例也示範了使用CSS去掉斜體樣式，使用CSS font-style:normal去掉I斜體標籤斜體樣式。

以上是CSS中font-style定義字體傾斜體樣式的程式碼範例的詳細內容。更多資訊請關注PHP中文網其他相關文章！