CSS3提供了很多實(shí)用的樣式屬性,書(shū)簽樣式就是其中之一。使用書(shū)簽樣式可以對(duì)網(wǎng)頁(yè)中的鏈接進(jìn)行美化,提高用戶體驗(yàn)。
下面是一些常用的書(shū)簽樣式:
a { color: #0079c1; /*設(shè)置鏈接文字顏色*/ text-decoration: none; /*去掉下劃線*/ font-weight: bold; /*粗體文字*/ } a:hover { text-decoration: underline; /*鼠標(biāo)懸停時(shí)顯示下劃線*/ } a:visited { color: #5ba8dc; /*設(shè)置已訪問(wèn)鏈接文字顏色*/ }
除了以上常用的書(shū)簽樣式,還可以使用CSS3新增的屬性來(lái)增強(qiáng)鏈接效果。比如,可以使用border-radius屬性來(lái)給鏈接添加圓角效果:
a { display: inline-block; /*設(shè)置a標(biāo)簽為塊級(jí)元素*/ padding: 10px; /*設(shè)置內(nèi)邊距*/ background-color: #0079c1; /*設(shè)置背景色*/ color: #ffffff; /*設(shè)置文字顏色*/ border-radius: 5px; /*添加圓角*/ } a:hover { background-color: #005ca8; /*鼠標(biāo)懸停時(shí)變更背景色*/ }
使用書(shū)簽樣式可以讓網(wǎng)頁(yè)鏈接看起來(lái)更加醒目,提高用戶點(diǎn)擊的欲望。但是要注意不要過(guò)度使用,否則會(huì)影響頁(yè)面布局和美感。
上一篇css3中樣式