CSS中,我們可以使用“text-decoration: underline;”來添加下劃線效果。
p { text-decoration: underline; /* 添加下劃線 */ }
此外,我們還可以使用“border-bottom: 1px solid #000;”來添加下劃線效果,這種方式下劃線的樣式和顏色都能進行更加細致的控制。
p { border-bottom: 1px solid #000; /* 添加下劃線 */ }
如果想要添加雙下劃線,代碼如下:
p { text-decoration: underline; text-decoration-style: double; /* 添加雙下劃線 */ }
如果只想在文本的某個部分添加下劃線,可以使用“”標簽
p { font-size: 18px; } /* 只給“Hello World”添加下劃線 */ p span { text-decoration: underline; }
此外,如果想去掉下劃線,可以使用“text-decoration: none;”
p { text-decoration: none; /* 取消下劃線 */ }
CSS下劃線的使用十分靈活,可以根據需要進行調整,實現各種效果。