CSS是一種前端開發語言,它可以讓我們在網頁中自由設計樣式和布局。其中,文字樣式也是CSS常用的一部分功能。本篇文章將介紹如何在文字中間畫橫線的方法。
h1 {
text-decoration: line-through;
}
通過CSS中的text-decoration屬性,我們可以增加或刪除文本的裝飾線。line-through就是其中的一種,即在文字中間畫一條刪除線。
上面的代碼是針對h1標簽的,如果需要應用到其他的標簽上也是同樣的方法。同時,我們也可以通過text-decoration-style和text-decoration-color屬性來改變橫線的樣式和顏色。例如:
h2 {
text-decoration: line-through;
text-decoration-style: double;
text-decoration-color: red;
}
上述代碼會在h2標簽中間畫一條紅色的雙實線。
除了line-through外,還有underline和overline兩種裝飾線可以選擇。分別代表在文字下方畫一條下劃線,以及在文字上方畫一條橫線。使用方法和line-through類似,只需要將text-decoration改成underline或overline即可。
總的來說,在文字中間畫橫線是一種常用的裝飾效果,通過CSS我們可以輕松實現。希望本篇文章對你的前端開發有所幫助。
上一篇div中alter
下一篇css文字位置自適應