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

Div+css實現字體斜體樣式_文字font-style斜體樣式,實現CSS斜體與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、div css斜體案例截圖

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

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

CSS去掉i斜體標簽斜體方法:http://www.8617312.live/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斜體標簽斜體樣式。

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

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

老11选5开奖软件 万人龙虎的计划是怎么编排的 手机炒股软件排名 黑龙江体彩十一选五电子版 600461洪城水业 北京快乐8实时开奖 股票投资软件荐杨方配资平台 山东11选5怎么玩 贵州11选5遗漏 下载海南体彩飞鱼 配资公司!鑫配资