IT评测·应用市场-qidao123.com技术社区

标题: CSS中<a>超链接的样式 [打印本页]

作者: 拉不拉稀肚拉稀    时间: 2024-9-26 17:58
标题: CSS中<a>超链接的样式
  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企服之家,中国第一个企服评测及商务社交产业平台。




欢迎光临 IT评测·应用市场-qidao123.com技术社区 (https://dis.qidao123.com/) Powered by Discuz! X3.4