CSS設(shè)置超鏈接下面有線是很常見(jiàn)的需求,可以讓用戶更加清晰地知道所點(diǎn)擊的鏈接。下面我們來(lái)介紹如何實(shí)現(xiàn)。
a { text-decoration: none; /* 去掉原本鏈接的下劃線 */ border-bottom: 1px solid #000; /* 在下方添加一條邊框線 */ }
上面的代碼就是實(shí)現(xiàn)超鏈接下面有線的關(guān)鍵,將原本鏈接的下劃線去掉,而在下方添加一條細(xì)線條。同時(shí),也可根據(jù)需求自行調(diào)整邊框的顏色、粗細(xì)以及樣式。
另外,如果需要給其他的文本加下劃線,則可以對(duì)文字設(shè)定以下樣式:
.text { border-bottom: 1px solid #000; }
像上述代碼這樣,設(shè)置一個(gè)class樣式,然后將需要加下劃線的文字加上class,就可以在文字下方添加一條細(xì)線條了。