在CSS中,我們可以使用text-decoration屬性來給文字添加中橫線。這個屬性可以控制文字的樣式,包括下劃線、中橫線、刪除線等。
p { text-decoration: line-through; }
上述代碼中,我們使用了line-through值來添加中橫線。除此之外,我們還可以使用其他的值來控制下劃線和刪除線的效果:
- none:取消下劃線、中橫線或刪除線效果;
- underline:添加下劃線;
- overline:添加上劃線;
- line-through:添加中橫線;
- blink:添加閃爍的下劃線或中橫線(可能會在某些瀏覽器中不起作用)。
如果需要給不同的文本添加不同的樣式,可以使用CSS偽類選擇器來實現:
p:first-child { text-decoration: underline; } p:nth-child(2) { text-decoration: line-through; }
上述代碼中,我們分別使用:first-child和:nth-child(2)偽類選擇器來給第一個和第二個段落添加不同的樣式。
總的來說,使用CSS給文字添加下劃線、中橫線或刪除線非常簡單,只需要使用text-decoration屬性即可。如果需要樣式不同的效果,可以結合偽類選擇器來實現。