首頁 > web前端 > 前端問答 > css中加入中劃線樣式是什麼

css中加入中劃線樣式是什麼

WBOY
發布: 2021-12-29 11:59:13
原創
3264 人瀏覽過

在css中,可以利用「text-decoration:line-through」樣式為文字元素新增中劃線,「text-decoration」屬性用來規定新增至文字的修飾,當屬性值設定為「line-through」時用於定義穿過文字的中劃線。

css中加入中劃線樣式是什麼

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

css中加入中劃線樣式是什麼

#text-decoration 屬性規定加入到文字的修飾,底線、上劃線、刪除線等。

當屬性值設定為line-through時,定義穿過文字下的一條線。也就是中劃線。

語法為:

text-decoration:line-through
登入後複製

範例如下:

<html>
<head>
<meta charset="utf-8"> 
<title>123</title> 
<style>
h1 {text-decoration:overline;}
h2 {text-decoration:line-through;}
h3 {text-decoration:underline;}
</style>
</head>
<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
</body>
</html>
登入後複製

輸出結果:

css中加入中劃線樣式是什麼

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

以上是css中加入中劃線樣式是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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