day6 网络 HTML模板

时间：2023-03-10 07:16:17
day6 网络 HTML模板

1.HTML模板

HTML模板 baidu一下

http://www.cssmoban.com/

http://www.cnblogs.com/web-d/archive/2010/04/16/1713298.html

　　　　day6 网络 HTML模板day6 网络 HTML模板

2.插入图标

　　　　day6 网络 HTML模板day6 网络 HTML模板day6 网络 HTML模板

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title></title>

    <link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css"/>

    <style>

        .item{

            background-color: #dddddd;

        }

        .item:hover{

            color: red;

        }

        .item:hover .b{

            background-color: aqua;

        }

    </style>

</head>

<body>

    <div class="item">

        <div class="a">

            <i class="fa fa-superpowers" aria-hidden="true"></i>

        </div>

        <div class="b">

            <i class="fa fa-apple" aria-hidden="true"></i>

        </div>

    </div>

</body>

</html>

相关文章