在網頁設計中,很多時候需要讓鏈接文本具備下劃線,以便更好地和其他文本區別開來。下面我們就講一下如何使用 CSS 讓 a 標簽在文字下方呈現一條下劃線。
a { text-decoration: underline; }
我們只需要在 CSS 代碼塊中使用text-decoration: underline;
屬性即可為鏈接文字添加下劃線效果。這里需要注意的是,該屬性也可以用于其他文本元素,不僅僅限于 a 標簽。
除此之外,還可以通過設置 text-decoration-line 的值,控制下劃線樣式。比如,我們可以將屬性值改為text-decoration-line: double;
,就可以使下劃線變為雙線樣式。
a { text-decoration-line: double; text-decoration-color: red; }
另外,還可以通過設置 text-decoration-color 屬性,改變下劃線顏色。上面的代碼就將下劃線顏色設置為紅色。
值得注意的是,在 HTML4 中,使用 a 標簽加下劃線經常被用作指示鏈接的顏色。而在 HTML5 中,由于使用者不斷增加,因此這種用法也有所改變。因此,我們在為鏈接添加下劃線時,也要注意頁面風格以及用戶需求。
上一篇mysql多層loop
下一篇Css讓div