首頁 > web前端 > css教學 > 主體

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

不言
發布: 2018-11-27 16:34:10
轉載
4060 人瀏覽過

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

相關標籤:
css
來源:segmentfault.com
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板