CSS基本标签学习8.21_d3

 

 CSS基本标签学习8.21_html_02

 

 CSS基本标签学习8.21_html_03

CSS基本标签学习8.21_程序_04

 

 CSS基本标签学习8.21_css_05

 

 CSS基本标签学习8.21_旧版_06

 

 

 作业：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<link rel="stylesheet" href="zuoye1.css">
</head>

<body>
<a name="flag"></a>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <div id="d1">
        <div><a href="https://hao.360.com/sub/resou.html#2021licai" id="dd1"></a></div>
        <div >
            <ul>
                <li class="dd2"><a href="https://yule.360.com/"><img src="./xx.png" alt=""><span>娱乐</span></a></li>
            </ul>
            <ul>
                <li class="dd2"><a href="https://gouwu.360.com/"><img src="./gwc.png" alt=""><span>购物</span></a></li>
            </ul>
            <ul>
                <li class="dd2"><a href="https://g.360.cn/index.html"><img src="./yx.png" alt=""><span>游戏</span></a></li>
            </ul>
            <ul>
                <li class="dd2"><a href="https://news.edu.360.cn/"><img src="./jy.png" alt=""><span>教育</span></a></li>
            </ul>
            <ul>
                <li ><a href="https://go.360.cn/zt/summer2021.html"><img src="./qb.png" alt=""><span>旅游</span></a></li>
            </ul>
        </div>
        <div>
            <ul>
                <li><a href="#" class="dd3">返回旧版</a></li>
                <li><a href="#flag" class="dd3">顶部</a></li>
            </ul>
        </div>
    </div>
</body>
</html>
#d1{
    width: 68px;
    height: 420px;
    
    /*固定定位*/
    position: fixed;
    right: 15px;
    top: 200px;
}
a{
    display: block;
    width: 64px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #e3e3e3;
    position: relative;
    color: #666;
    text-decoration: none;
    cursor: pointer;
    background-color: #fff;
}
img{
    margin: 0px 0px 2px 0px;
    width: 30px;
    vertical-align: middle;
    
    border: none;
}
span{
    font-size: 12px;
    color: #666666;
    line-height: 28px;
}
ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.dd2{
    position: relative;
    width: 66px;
    height: 39px;
    background:url(xtz.png) repeat-y;
}
#dd1{
    width: 72px;
    height: 80px;
    margin: 0px;
    background: url(a.png);
    border: 0px solid #e3e3e3;
}
.dd3{
    width: 64px;
    padding-left: 0;
    text-align: center;
    color: #666666;
    font-size: 12px;
    margin: 5px 0px;
}

CSS基本标签学习8.21_旧版_07

 

 CSS基本标签学习8.21_html_08