CSS中<a>超链接的样式

打印 上一主题 下一主题

主题 795|帖子 795|积分 2387

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <title>Document</title>
  7.     <!-- 伪类选择器 -->
  8.     <style type="text/css">
  9.         /* 未访问的样式 */
  10.         a:link{
  11.             color:black;
  12.             text-decoration:none;
  13.         }
  14.         /* 被访问后的样式 */
  15.         a:visited{
  16.             color:green;
  17.             text-decoration: none;
  18.         }
  19.         /* 鼠标悬停的样式 */
  20.         a:hover{
  21.             color:red;
  22.             text-decoration: none;
  23.         }
  24.         /* 被用户激活的样式 */
  25.         a:active{
  26.             color:blue;
  27.             text-decoration:none;
  28.         }
  29.     </style>
  30. </head>
  31. <body>
  32.     <a href="CSS基础1.html">到CSS基础1.html</a>   
  33. </body>
  34. </html>
复制代码

 


免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
回复

使用道具 举报

0 个回复

正序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

拉不拉稀肚拉稀

金牌会员
这个人很懒什么都没写!

标签云

快速回复 返回顶部 返回列表