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 @   lwx_R  阅读(72)  评论(0)  编辑  收藏  举报
相关博文：
·  CSS 文本
·  html 链接和图像
·  css链接
·  CSS链接
·  CSS的操作
阅读排行：
· 震惊！C++程序真的从main开始吗？99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码？零基础破解AI编程运行原理
· 单元测试从入门到精通
· 上周热点回顾（3.3-3.9）
· winform 绘制太阳，地球，月球 运作规律
点击右上角即可分享
微信分享提示
AI IDE Trae