首頁 > web前端 > 前端問答 > css怎麼設定i不是斜體

css怎麼設定i不是斜體

WBOY
發布: 2022-04-20 10:36:12
原創
2471 人瀏覽過

在css中,可以利用「font-style」屬性設定i元素不是斜體樣式,該屬性用於指定文字的字體樣式,當屬性值設定為「normal」時,會顯示元素的標準字體樣式,語法為「i元素{font-style:normal}」。

css怎麼設定i不是斜體

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

css怎麼設定i不是斜體

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

定義與文本中其餘部分不同的部分,並把這部分文字呈現為斜體文字。

font-style屬性值如下:

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

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

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

  • inherit    規定應該從父元素繼承字體樣式。

範例如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>123</title>
<style>
i.normal {font-style:normal;}
</style>
</head>
<body>
<i class="normal">这是一个设置了不是斜体的i元素</i><br>
<i>这是一个正常i元素</i>
</body>
</html>
登入後複製

輸出結果;

css怎麼設定i不是斜體

(學習影片分享:css視頻教程

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

相關標籤:
css
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板