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