a标签的四个状态

最新推荐文章于 2021-04-17 16:27:58 发布

呼我帅哥就好

最新推荐文章于 2021-04-17 16:27:58 发布

阅读量416

点赞数

分类专栏： CSS

本文链接：https://blog.csdn.net/weixin_44680346/article/details/108871264

版权

CSS 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title>CSS中a标签四个状态</title>
  <style type="text/css">
   *{
    text-align: center;
   }
   a{
    text-decoration: none;
    list-style: none;
    float: left;
    padding: 10px;
   }
   a:link{
    font-family: "微软雅黑";
    color: yellowgreen;
    
   }
   a:hover{
    text-decoration: underline ;
    color:darkblue;
   }
   a:active{
    color: hotpink;
    text-decoration: overline;
   }
   a:visited{
    color:darkred;
    color:teal;
   }
   on:target{
    background-image: url(img/3.jpg);
   }
  </style>
 </head>
 <body>
  <nav>
   <ul>
    
   <a href="#"><li>设为首页</li></a>
   
   <a href="#"> <li>你好</li></a>
    <a href="#"> <li>移动客户端</li></a>
    <a href="#"><li>pad版</li></a>
   </ul>
  </nav>
 </body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

呼我帅哥就好

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
a标签的四个状态

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>CSS中a标签四个状态</title> <style type="text/css"> *{ text-align: center; } a{ text-decoration: none; list-style: none; float: le
复制链接

扫一扫