设计之家 > 教程 > 網頁教程 > CSS教程 >

CSS代碼:自定義網頁超鏈接下劃線

作者:佚名 來源:網絡 時間:2007-10-07

鏈接元素的所有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%;
}

标签:CSS代碼

推薦設計

最新文章