html中如何设置超链接的样式

小灰灰 2020-05-14 10:38 1170阅读 0赞

html中如何设置超链接的样式

设置超链接的样式示例：

a:link 超链接被点前状态

a:visited 超链接点击后状态

a:hover 悬停在超链接时

a:active 点击超链接时

在定义这些状态时，有一个顺序l v h a。

代码区：

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.  <head> 
  4.   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  5.   <title>无标题文档</title> 
  6.   <style type="text/css">  
  7. a:link   
  8. {   
  9.     color:#000;   
  10.     text-decoration:none;}   
  11. a:visited   
  12. {   
  13.     color:#000;   
  14.     text-decoration:none;}   
  15. a:hover   
  16. {   
  17.     color:#F00;   
  18.     text-decoration:underline;}   
  19. a:active   
  20. {   
  21.     color:#F90;   
  22.     text-decoration:underline;}   
  23. </style> 
  24.   <link href="Untitled-1.css" rel="stylesheet" type="text/css" /> 
  25.  </head> 
  26.  <body> 
  27.   <a href="http://www.dandelioncloud.cn/">百度一下</a>   
  28.  </body>
  29. </html>

运行显示：鼠标箭头未放到“百度一下”，其显示黑色——放上时，其显示红色——点击“百度一下”链接时，其显示橙色——点击后，其显示黑色。

发表评论

表情：
评论列表 （有 0 条评论，1170人围观）

还没有评论，来说两句吧...

相关阅读

    相关 HTML——超链接

             一、What？——什么是超链接     先说一下我个人目前对“超链接”的理解，就两字：跳转     哈哈，我个人的理解好像解释的有点简单粗暴了，比原词还

    青旅半醒青旅半醒/ 0 赞/ 440 阅读

    相关 HTML图片超链接怎么设置

    一个<a>标签中加上一个<img>标签内容，即可让该<img>拥有一个超链接。然后可以在后面继续写文字，此文字就会显示成超链接，点击该文字即可进入超链接。 首先小编在这...

    你的名字你的名字/ 0 赞/ 1013 阅读