< p >CSS中劃線怎么寫?< /p >< pre >在CSS中,想要給文字添加劃線可以使用text-decoration屬性。
text-decoration有以下取值:
1. none(默認值),表示沒有文本線。
2. underline,表示文本下方添加單線。
3. overline,表示文本上方添加單線。
4. line-through,表示文本中間添加單線。
5. blink,表示文本閃爍。
下面是具體的代碼實現:
.underline {
text-decoration: underline;
}
.overline {
text-decoration: overline;
}
.line-through {
text-decoration: line-through;
}
.underline-overline {
text-decoration: underline overline;
}
注意:添加text-decoration屬性后,文字的默認顏色會變成淺灰色(即#ccc),可以通過color屬性修改文字顏色。< /pre >< p >除了單線外,還可以使用CSS的偽元素before和after添加更多樣式的劃線,具體實現可以參考以下代碼:< /p >< pre >.underline-double::before,
.underline-double::after {
content: "";
border-bottom: 3px double;
width: 50%;
position: absolute;
bottom: 0;
}
.underline-double::before {
left: 0;
}
.underline-double::after {
right: 0;
}
overline-double::before,
overline-double::after {
content: "";
border-top: 3px double;
width: 50%;
position: absolute;
top: 0;
}
overline-double::before {
left: 0;
}
overline-double::after {
right: 0;
}< /pre >< p >以上就是CSS中劃線的一些寫法和代碼實現,希望對大家有所幫助!< /p >
網站導航
- zblogPHP模板zbpkf
- zblog免費模板zblogfree
- zblog模板學習zblogxuexi
- zblogPHP仿站zbpfang