在CSS中,可以通過以下方式讓鏈接有下劃線:
1、使用text-decoration屬性:
a { text-decoration: underline; }
上述代碼會使所有的鏈接(a
標(biāo)簽)都有下劃線,如果你只想讓特定的鏈接有下劃線,可以給那些鏈接添加特定的類,然后在CSS中針對那個類設(shè)置text-decoration屬性。
2、使用border-bottom屬性:
a { border-bottom: 1px solid #000; }
上述代碼會使所有的鏈接(a
標(biāo)簽)下方都有一條1像素寬的黑色邊框,這種方法的好處是它可以與鏈接的內(nèi)容分開,即使鏈接內(nèi)容有背景色,也能清晰地看到下劃線。
3、使用box-decoration-break屬性:
a { box-decoration-break: clone; }
上述代碼會使所有的鏈接(a
標(biāo)簽)都有下劃線,而且下劃線會穿過任何盒子裝飾(如背景色),這種方法的好處是它可以保證下劃線的樣式不受鏈接內(nèi)容樣式的影響。
方法都只會影響鏈接的樣式,不會影響鏈接的功能或位置,這些方法也可以與其他CSS屬性結(jié)合使用,以創(chuàng)建更復(fù)雜的鏈接樣式。