這篇文章帶給大家的內容是關於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中文網其他相關文章!