CSS 图标和链接 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <link rel="stylesheet"  href="https://fonts.googleapis.com/icon?family=Material+Icons"/>
        <link rel="stylesheet" type="text/css" href="css_img_url.css"/>
    </head>
    <body>
        
    <!--        使用图标库 
            Font Awesome 需要安装
            Bootstrap 
            Google -->
        
        <i class="material-icons">cloud</i>
        
        <div id="">
            <a href="https://www.baidu.com" >this is a url</a>
        </div>
        
       
    </body>
</html>
a{
    text-decoration: none;/* 无下划线 */
    /* 放到链接上的指针效果 */
    cursor: help;
}
/* 未被访问的链接 */
a:link {
  color: red;
}

/* 已被访问的链接 */
a:visited {
  color: green;
}

/* 将鼠标悬停在链接上 */
a:hover {
  color: hotpink;
}

/* 被选择的链接 */
a:active {
  color: blue;
}
/* a:hover 必须 a:link 和 a:visited 之后
a:active 必须在 a:hover 之后 */

 

posted @ 2022-03-03 21:07  lwx_R  阅读(71)  评论(0)  编辑  收藏  举报