CSS超链接的常见设置

时间:2021-03-07 15:37:51

一般对超连接常见的设置,就是设置文字大小,下划线,颜色等等。

先讲解一下,超链接的四种状态

  1. /* 未被访问的链接 */
  2. a:link {color:#FF0000;}
  3. /* 已被访问的链接 */
  4. a:visited {color:#00FF00;}
  5. /* 鼠标指针移动到链接上 */
  6. a:hover {color:#FF00FF;}
  7. /* 正在被点击的链接 */
  8. a:active {color:#0000FF;}

一般来说,只需要设置a,a:activea:hover即可

  1. /* 注意:一般a都是和a:active一起设置的*/
  2. /* 设置超链接的默认样式和鼠标正在被点击的样式*/
  3. a, a:active{
  4. /* 去掉超链接的下划线 */
  5. /* 去掉下划线:none; 加上下划线:underline */
  6. text-decoration:none;
  7. font-size:14px;
  8. color:#08c;
  9. }
  10. /* 设置鼠标放上去时的样式 */
  11. a:hover {
  12. color:red;
  13. }