歡迎來到DIVCSS5查找CSS資料與學習DIV CSS布局技術!

css去掉斜體html I標簽斜體樣式屬性

有時我們使用了<i></i>斜體標簽,但又想不然其對象不斜體顯示,這個時候我們可以設置CSS樣式來實現去掉i斜體標簽css字體斜體樣式。

一、認識I標簽   -   TOP

html i斜體i斜體教程http://www.rs2pl.com/html/h358.shtml),對文字字體實現斜體(稍微傾斜)顯示。
<i>我被斜體</i>

擴展閱讀:
1、css 加粗 css font-weight
2、css下劃線 css text-decoration
3、css 斜體

二、DIV+CSS去i斜體樣式   -   TOP

假如一個對象盒子CSS命名為“.divcss5”,其內使用了html i標簽,這個使用我們想使用div css去掉其斜體樣式,我們對對象i設置font-style:normal樣式即可(擴展閱讀:css font-style)當然可以不用html i標簽而通過font-style設置css斜體樣式。

CSS代碼:
.divcss5 i{ font-style:normal}

三、CSS案例之去掉與沒有去掉i斜體樣式對比   -   TOP

我們2個DIV對象盒子一個CSS 命名為“.divcss5”去掉其內<i>標簽斜體樣式,另外一個div不設置class也不去掉i斜體樣式

1、CSS代碼

  1. .divcss5 i{ font-style:normal} 
  2. /* CSS指針 讓divcss5對象內的i標簽才去掉斜體樣式 */ 

2、HTML代碼片段

  1. <div class="divcss5"> 
  2. DIVCSS5案例 <i>我被去掉斜體樣式</i> 
  3. </div> 
  4. <div> 
  5. DIVCSS5案例 <i>我未去掉斜體樣式</i> 
  6. </div> 

3、斜體去掉與非去掉對比案例截圖

div css去掉i斜體標簽斜體樣式教程案例截圖
CSS去掉斜體樣式與沒有去掉斜體對比

四、擴展與總結   -   TOP

去掉對象i標簽斜體樣式使用“font-style:normal”CSS樣式即可實現。更多設置對象其它樣式可以進入font-style教程學習。

如需轉載,請注明文章出處和來源網址:http://www.rs2pl.com/wenji/w419.shtml

久久天天躁狠狠躁夜夜躁2020