控制超鏈接樣式
鏈接的四種狀態：
- a:link - 普通的、未被訪問的鏈接
- a:visited - 用戶已訪問的鏈接
- a:hover - 鼠標指針位於鏈接的上方
- a:active - 鏈接被點擊的時刻
去除CSS超鏈接下划線
a:link {text-decoration: none}
a{
#取消所有樣式
text-decoration: none;
}
text-decoration還有以下幾種取值：
- none 默認。定義標准的文本。
- underline 定義文本下的一條線。
- overline 定義文本上的一條線。
- line-through 定義穿過文本下的一條線。
- blink 定義閃爍的文本。
- inherit 規定應該從父元素繼承 text-decoration 屬性的值。
去掉下滑線，也就是將text-decoration的值設為 none；如果想要再加上下划線，那就將text-decoration值設為underline；還有其它的幾種情況就自己試一下。
鏈接框
<!DOCTYPE html>
<html>
<head>
<style> a:link,a:visited { display:block; font-weight:bold; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#98bf21; width:120px; text-align:center; padding:4px; text-decoration:none; } a:hover,a:active { background-color:#7A991A; } </style>
</head>
<body>
<a href="/index.html" target="_blank">click me</a>
</body>
</html>