首頁  >  文章  >  web前端  >  css怎麼去掉斜體樣式

css怎麼去掉斜體樣式

青灯夜游
青灯夜游原創
2021-04-15 18:31:243596瀏覽

在css中,可以使用font-style屬性去掉斜體樣式,只需要給元素設定「font-style: normal;」樣式即可。 font-style屬性可以指定文字的字體樣式,當值設定為「normal」時,瀏覽器顯示一個標準的字體樣式。

css怎麼去掉斜體樣式

本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。

在HTML中,i標籤預設自帶斜體樣式

<p>
	正常字体<br />
	<i>测试字体</i>
</p>

效果圖:

css怎麼去掉斜體樣式

##如何去掉i標籤的斜體樣式? 可以使用font-style屬性,語法:

i{
font-style: normal;
}

效果圖:

css怎麼去掉斜體樣式

#css font-style屬性

font-style屬性指定文字的字體樣式。

屬性值:

值#描述##normal
# #預設值.瀏覽器顯示一個標準的字體樣式。
italic 瀏覽器會顯示一個斜體的字體樣式。
oblique 瀏覽器會顯示一個傾斜的字體樣式。
inherit 規定應該從父元素繼承字體樣式。

(學習影片分享:css影片教學

以上是css怎麼去掉斜體樣式的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn