css如何新增刪除線？在之前的文章【html如何為文字文字新增刪除線？兩種方法添加刪除線（實例）】中我們已經介紹了兩種html標籤t添加刪除線的方法，本章就給大家介紹用css text-decoration屬性為文本文字添加刪除線效果，用css如何設定刪除線樣式的方法。有一定的參考價值，有需要的朋友可以參考一下，希望對你們有幫助。
首先我們了解css text-decoration屬性，以下就簡單介紹一下：
text-decoration 屬性規定加入到文字的修飾。
說明：
這個屬性允許對文字設定某種效果，如加刪除線。如果後代元素沒有自己的裝飾，祖先元素上設置的裝飾會「延伸」到後代元素中。不要求用戶代理支援 blink。
那麼如何使用css text-decoration屬性加入文字文字的刪除線效果，下面我們透過簡單的程式碼範例，為大家詳細解說關於css刪除線的實作方法！
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>css添加文本文字的删除线</title>
<style>
p{
text-decoration:line-through;
}
</style>
</head>
<body>
<p>这里有一条删除线</p>
</body>
</html>效果圖：
說明：
line-through屬性值：定義穿過文字下方的一條線。
透過範例可以看出，透過設定text-decoration:line-through;為
標籤裡的文字文字添加了刪除線，方法簡單、方便。且可以透過css設定簡單修飾刪除線樣式，例如：顏色，範例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>css添加文本文字的删除线</title>
<style>
p{
text-decoration:line-through;
color: red;
}
span{
color: black;
}
</style>
</head>
<body>
<p><span>这里有一条删除线</span></p>
</body>
</html>效果圖：
CSS影片教學！
相關推薦：以上是css如何新增刪除線？ css text-decoration屬性設定刪除線（程式碼實例）的詳細內容。更多資訊請關注PHP中文網其他相關文章！
保證金是什麼：40px 100px 120px 80px表示？Apr 28, 2025 pm 05:31 PM文章討論了CSS保證金屬性，特別是“保證金：40px 100px 120px 80px”，其應用程序以及對網頁佈局的影響。
什麼是不同的CSS邊框特性？Apr 28, 2025 pm 05:30 PM本文討論了CSS邊境屬性，重點是自定義，最佳實踐和響應能力。主要論點：邊境 - 拉迪烏斯（Border-Radius）對響應式設計最有效。
我們如何在CSS中添加評論？Apr 28, 2025 pm 05:27 PM本文討論了CSS中評論的使用，詳細介紹了單線和多行評論語法。它認為註釋可以增強代碼的可讀性，可維護性和協作，但如果無法正確管理，可能會影響網站性能。
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
Dreamweaver Mac版
視覺化網頁開發工具
mPDF
mPDF是一個PHP庫，可以從UTF-8編碼的HTML產生PDF檔案。原作者Ian Back編寫mPDF以從他的網站上「即時」輸出PDF文件，並處理不同的語言。與原始腳本如HTML2FPDF相比，它的速度較慢，並且在使用Unicode字體時產生的檔案較大，但支援CSS樣式等，並進行了大量增強。支援幾乎所有語言，包括RTL（阿拉伯語和希伯來語）和CJK（中日韓）。支援嵌套的區塊級元素（如P、DIV），
SublimeText3 Linux新版
SublimeText3 Linux最新版
Atom編輯器mac版下載
最受歡迎的的開源編輯器
PhpStorm Mac 版本
最新（2018.2.1 ）專業的PHP整合開發工具
