CSS Styling Links | css link底線
![CSS Styling Links](https://i.imgur.com/axBPWDg.jpg)
WithCSS,linkscanbestyledinmanydifferentways.TextLinkTextLinkLinkButtonLinkButtonStylingLinksLinkscanbestyledwithanyCSSproperty(e.g.color,font-family,background,etc.).Inaddition,linkscanbestyleddifferentlydependingonwhatstatetheyarein.Thefourlinksstatesare:a:link-anormal,unvisitedlinka:visited-alinktheuserhasvisiteda:hover-alinkwhentheusermousesoverita:active-alinkthemomentitisclickedExample/*unvisitedlink*/a:link{ color:red;}/*visitedlink*/a:visited{ color:green;}/*mouseoverlink*/a:hover{ c...
![CSS Styling Links](http://pix1.agoda.net/hotelimages/5059957/-1/5f63dc982bc37c5981773e411168efa4.jpg?s=800x)
With CSS, links can be styled in many different ways.
Text Link Text Link Link Button Link Button Styling LinksLinks can be styled with any CSS property (e.g. color, font-family, background, etc.).
In addition, links can be styled differently depending on what state they are in.
The four links states are:
a:link - a normal, unvisited link a:visited - a link the user has visited a:hover - a link when the user mouses over it a:active - a link the moment it is clicked Example /* unvisited link */a:link { color: red;}/* visited link */a:visited { color: green;}
/* mouse over link */a:hover { color: hotpink;}
/* selected link */a:active { color: blue;}
Try it Yourself »[5]When setting the style for several link states, there are some order rules:
a:hover MUST come after a:link and a:visited a:active MUST come after a:hover Text DecorationThe text-decoration property is mostly used to remove und...
取得本站獨家住宿推薦 15%OFF 訂房優惠
本站住宿推薦 20%OFF 訂房優惠,親子優惠,住宿折扣,限時回饋,平日促銷
隱藏超連結底線 | css link底線
html超連結的底線怎麼去掉?a標籤去底線的方法都在這裡 | css link底線
滑鼠移到超連結上才顯示超連結底線的設計語法 | css link底線
控制超連結的顏色與底線 | css link底線
去除超連結底線 | css link底線
Text | css link底線
CSS Styling Links | css link底線
從CSS 中的連結中刪除藍色下劃線 | css link底線
隱藏超連結底線 | css link底線
Text-decoration | css link底線
替網頁文字加上底線-CSS的text | css link底線
CSS 移除連結底線&自訂底線 | css link底線
滑鼠移到超連結上才顯示超連結底線的設計語法 | css link底線
從CSS 中的連結中刪除藍色下劃線 | css link底線
控制超連結的顏色與底線 | css link底線
![](https://i.imgur.com/axBPWDg.jpg)
![](https://i.imgur.com/axBPWDg.jpg)