css怎么添加刪除線

這篇文章主要介紹了css怎么添加刪除線的相關知識，內容詳細易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇css怎么添加刪除線文章都會有所收獲，下面我們一起來看看吧。

成都創新互聯公司于2013年創立，先為交城等服務建站，交城等地企業，進行企業商務咨詢服務。為交城企業網站制作PC+手機+微官網三網同步一站式服務解決您的所有建站問題。

css怎么添加刪除線

text-decoration屬性規定添加到文本的修飾。

說明：

這個屬性允許對文本設置某種效果，如加刪除線。如果后代元素沒有自己的裝飾，祖先元素上設置的裝飾會“延伸”到后代元素中。不要求用戶代理支持blink。

那么如何使用csstext-decoration屬性添加文本文字的刪除線效果，下面我們通過簡單的代碼示例，為大家詳細解說關于css刪除線的實現方法！

<!DOCTYPEhtml>

<html>

<head>

<metacharset="UTF-8">

<title>css添加文本文字的刪除線</title>

<style>

text-decoration:line-through;

}

</style>

</head>

<body>

<p>這里有一條刪除線</p>

</body>

</html>

說明：

line-through屬性值：定義穿過文本下的一條線。

通過例子可以看出，通過設置text-decoration:line-through;為<p>標簽里的文本文字添加了刪除線，方法簡單、方便。且可以通過css設置簡單修飾刪除線樣式，比如：顏色，例：

<!DOCTYPEhtml>

<html>

<head>

<metacharset="UTF-8">

<title>css添加文本文字的刪除線</title>

<style>

text-decoration:line-through;

color:red;

}

span{

color:black;

}

</style>

</head>

<body>

<p><span>這里有一條刪除線</span></p>

</body>

</html>

這樣我們結合text-decoration：line-through；和<span></span>樣式定義文本字體顏色的樣式。

關于“css怎么添加刪除線”這篇文章的內容就介紹到這里，感謝各位的閱讀！相信大家對“css怎么添加刪除線”知識都有一定的了解，大家如果還想學習更多知識，歡迎關注創新互聯行業資訊頻道。

本文名稱：css怎么添加刪除線
鏈接分享：http://m.2m8n56k.cn/article10/johpdo.html

成都網站建設公司_創新互聯，為您提供Google、靜態網站、外貿建站、微信公眾號、品牌網站制作、網頁設計公司

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：[email protected]。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容

中文字幕第五页-中文字幕第页-中文字幕韩国-中文字幕最新-国产尤物二区三区在线观看-国产尤物福利视频一区二区

css怎么添加刪除線