## **连接状态** >[danger]a:hover 必须跟在 a:link 和 a:visited后面 a:active 必须跟在 a:hover后面 ## **设置这个四个状态的文字颜色** ``` a:link {color:#000000;} /* 未访问链接*/ a:visited {color:#00FF00;} /* 已访问链接 */ a:hover {color:#FF00FF;} /* 鼠标移动到链接上 */ a:active {color:#0000FF;} /* 鼠标点击时 */ ``` ## **设置这四个状态的下划线** ``` a:link {text-decoration:none;} a:visited {text-decoration:none;} a:hover {text-decoration:underline;} a:active {text-decoration:underline;} ``` ## **设置这四个状态的背景颜色** ``` a:link {background-color:#B2FF99;} a:visited {background-color:#FFFF85;} a:hover {background-color:#FF704D;} a:active {background-color:#FF704D;} ```