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斜體標籤斜體樣式。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章