CSS中的中劃線樣式可以通過text-decoration屬性來設置,其中取值為line-through。通過在該屬性后面加上一個空格,然后再加上顏色屬性可以設置中劃線的顏色。
/* 設置中劃線樣式為紅色 */ text-decoration: line-through red;
可以將這個樣式應用于多種元素,如文本、鏈接和段落等。對于鏈接元素,建議添加:hover偽類以不同的方式突出顯示不同的狀態。
/* 默認情況下的鏈接中劃線樣式 */ a { text-decoration: line-through; } /* 鼠標懸停時的鏈接中劃線樣式 */ a:hover { text-decoration: none; }
除了text-decoration屬性外,超鏈接還有其他幾種屬性可以更改鏈接的樣式,包括顏色、hover顏色和visited顏色。這些屬性可以在聲明高級鏈接樣式時使用:
a { color: #456; text-decoration: none; border-bottom: 1px solid #456; } a:hover { color: #C33; text-decoration: underline; border-bottom: 1px solid #C33; } a:visited { color: #93C; text-decoration: none; border-bottom: 1px solid #93C; }
在上面的代碼中,我們為鏈接定義了一組CSS樣式,其中包括鏈接顏色、無下劃線以及一個帶顏色下方的邊框。鼠標懸停時,鏈接會有下劃線,并且邊框顏色會改變,而點擊后就會變成已訪問的顏色。