首頁 >web前端 >css教學 >css中怎麼去掉i的斜體樣式

css中怎麼去掉i的斜體樣式

青灯夜游
青灯夜游原創
2021-11-10 16:11:026356瀏覽

在css中,可以利用font-style屬性來去除i標籤的斜體樣式,只需要設定該屬性的值為「normal」即可讓瀏覽器顯示一個標準的字體樣式,語法「i {font-style: normal;}」。

css中怎麼去掉i的斜體樣式

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

<i> </i>定義與文本中其餘部分不同的部分,並將這部分文字呈現為斜體文字。

<div>欢迎来到 <i>PHP中文网</i>!</div>

css中怎麼去掉i的斜體樣式

那如果我想去掉<i></i>標籤的斜體樣式,要怎麼做?

其實很簡單,直接利用font-style屬性即可,設定值為normal就可以讓瀏覽器顯示一個標準的字體樣式。



	
		
		
	
<div>欢迎来到 <i>PHP中文网</i>!</div>

css中怎麼去掉i的斜體樣式

說明:

font-style屬性指定文字的字型樣式。可設定的屬性值:

  • normal    預設值。瀏覽器顯示一個標準的字體樣式。   

  • italic    瀏覽器會顯示斜體的字體樣式。   

  • oblique    瀏覽器會顯示一個傾斜的字型樣式。   

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

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

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