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代碼

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

2、HTML代碼片段

<div class="divcss5"> 
    DIVCSS5案例 <i>我被去掉斜體樣式</i> 
</div> 
<div> 
    DIVCSS5案例 <i>我未去掉斜體樣式</i> 
</div> 

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

CSS去掉斜體樣式與沒有去掉斜體對比

四、擴展與總結   -   TOP

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

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