在CSS中,我們可以使用文本裝飾線來在文字下方添加一條線條。其中包括下劃線、點線、雙下劃線等等。
text-decoration: underline; /* 下劃線 */ text-decoration: dotted; /* 點線 */ text-decoration: double; /* 雙下劃線 */ text-decoration: line-through; /* 刪除線 */
這里我們重點介紹下劃線和點線的用法。
下劃線是最常用的文本裝飾線之一,我們可以通過以下代碼實現:
text-decoration: underline;
需要注意的是,在使用下劃線時,如果我們的文字帶有鏈接,下劃線會默認出現在鏈接下面。我們可以使用下面的代碼來去掉鏈接下的下劃線:
a { text-decoration: none; border-bottom: 1px solid #333; }
點線則是在一般情況下不怎么被使用的文本裝飾線,但是它可以很好的用來實現文字下方的分隔線等效果。我們可以通過以下代碼來實現點線:
text-decoration: dotted;
需要注意的是,使用點線時,我們最好再設定一個自定義的顏色值來控制點線的顯示。
以上就是關于CSS中文字下劃、點線代碼的簡單介紹。
下一篇dz論壇首頁css