在網頁設計中，經常需要使用刪除線來標識一些信息，如刪除的價格等。那么，在CSS中，我們該如何打刪除線呢？下面就為大家詳細介紹。 在CSS中，打刪除線需要用到“text-decoration”屬性。該屬性有三個值可選，即“none”、“underline”和“line-through”。 使用“none”屬性可以取消文字下劃線。例如，當我們想要取消超鏈接的下劃線時，可以使用以下代碼：

a{
text-decoration: none;
}

使用“underline”屬性可以為文字添加下劃線。例如，當我們想要為某個標題添加下劃線時，可以使用以下代碼：

h1{
text-decoration: underline;
}

而使用“line-through”屬性則可以為文字添加刪除線。例如，當我們想要標識某個價格為刪除狀態時，可以使用以下代碼：

.del-price{
text-decoration: line-through;
}

在以上代碼中，“.del-price”是一個自定義的類名，我們可以將其添加到需要標注刪除狀態的元素的class屬性中。 值得注意的是，文字刪除線可能不在所有瀏覽器中均生效，特別是IE瀏覽器的早期版本。為了確保刪除線的顯示效果，我們可以在CSS中針對不同瀏覽器使用不同的代碼。例如：

.del-price{
text-decoration: line-through; /* for most browsers */
text-decoration: line-through red; /* for IE6-9 */
text-decoration: line-through #f00; /* for Chrome and Safari */
text-decoration: line-through currentColor; /* for Firefox */
}

以上代碼中，“currentColor”是一種特殊的顏色值，其可以指代元素所繼承的文本顏色。這樣，即使在不同瀏覽器中，我們也可以確保刪除線的效果得到正確的展示。 總之，使用“text-decoration”屬性可以輕松為元素添加不同的文本裝飾效果，包括下劃線、刪除線等。希望以上介紹能夠幫到大家。