自訂網頁超連結下劃線的CSS程式碼

作者：Eve Cole 更新時間：2009-05-31 00:37:29

連結元素的所有CSS屬性可以合併為：

以下為引用的內容：
a {
text-decoration: none;
background: url(underline.gif) repeat-x 100% 100%;
padding-bottom: 4px;
white-space: nowrap;
}

如果你想自訂底線的效果只在滑鼠滑過連結時出現，只需設定CSS背景屬性為:hover偽類，取代直接設定於連結元素上的樣式即可。

以下為引用的內容：

a {
text-decoration: none;
padding-bottom: 4px;
white-space: nowrap;
}

a:hover {
background: url(underline.gif) repeat-x 100% 100%;
}