色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

css字點擊后有邊框

錢衛國2年前14瀏覽0評論

CSS中如何實現字點擊后有邊框?下面我們來看一下具體實現方法:

/* 1.先定義要點擊元素的樣式 */
a {
color: black;
text-decoration: none;
border-bottom: 1px dotted black;
cursor: pointer;
}
/* 2.給被點擊的元素添加偽類hover,并加上樣式 */
a:hover {
border-bottom-style: solid;
}

其中,第一步是對要點擊的元素進行樣式設置,這里我們選擇的是鏈接元素a。設置字體顏色為黑色,去除下劃線,添加下劃線的裝飾效果,設置鼠標為手形指針。

第二步是添加偽類hover,當鼠標懸浮在此元素上時觸發,添加邊框的樣式設置。

需要注意的是,為了兼容各個瀏覽器,我們需要給被點擊元素添加屬性outline:none;來去掉元素被點擊后默認的藍色邊框。

a:focus{
outline:none;
}

以上就是實現CSS字點擊后有邊框的方法,非常簡單易懂,可以通過CSS樣式來美化頁面的交互效果。