歡迎來到DIVCSS5查找CSS資料與學習DIV CSS布局技術!
您的位置:阿森纳热刺 > DIV+CSS基礎 >

阿森纳热刺 www.tzxsac.com.cn 阿森纳热刺實現字體斜體樣式_文字font-style斜體樣式,實現阿森纳热刺斜體與CSS去掉斜體標簽斜體樣式經驗教程篇

一、常用斜體語法   -   TOP

常用字體樣式設置font-style: italic
兼容各大瀏覽器

normal : 正常的字體(默認字體樣式,可用于去掉html i斜體標簽默認斜體樣式)

italic : 斜體。對于沒有斜體變量的特殊字體,將應用oblique

oblique : 傾斜的字體

擴展:css字體

二、css斜體案例   -   TOP

我們對divcss5盒子里的文字字體設置為italic斜體,oblique傾斜體,使用font-style:normal去掉html <i>斜體標簽默認斜體樣式。

1、css代碼

  1. <style> 
  2. .divcss5_italic{ font-style:italic} 
  3. .divcss5_oblique{ font-style:oblique} 
  4. .divcss5_normal i{ font-style:normal} 
  5. /* 去掉divcss5_normal對象I斜體標簽默認斜體樣式 */ 
  6. </style> 

2、html代碼片段:

  1. <div class="divcss5_italic">我被加斜體</div> 
  2. <div class="divcss5_oblique">我被加傾斜</div> 
  3. <div><i>我加I標簽斜體</i></div> 
  4. <div class="divcss5_normal"><i>I斜體被CSS去掉</i></div> 

3、阿森纳热刺斜體案例截圖

font-style字體樣式斜體樣式
通過div css實現文字字體斜體樣式

本案例分別設置一般斜體樣式、特色斜體傾斜樣式、去掉<I>標簽斜體樣式。

CSS去掉i斜體標簽斜體方法://www.tzxsac.com.cn/wenji/w419.shtml

三、擴展知識   -   TOP

Html斜體
Html u
html i
I斜體標簽
Html斜體標簽
css加粗
html b html strong

四、總結   -   TOP

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

如需轉載,請注明文章出處和來源網址://www.tzxsac.com.cn/rumen/r395.shtml

如對文章有任何疑問請提交到DIV CSS論壇,或有任何網頁制作CSS問題立即到CSS論壇發貼求解 或 直接DIVCSS5網頁頂部搜索遇到DIVCSS疑問。
阿森纳热刺文章修訂日期:2018-08-14 17:37 原創:阿森纳热刺
本文阿森纳热刺 www.tzxsac.com.cn DIVCSS5版權所有。