作业 5/14

作业

今日作业
必做题
1.整理今日内容至博客
2.博客园首页搭建(独立完成)
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>bokeshouye</title>
    <style>
        body{
            margin:0;
        }
        .img{
            height:120px;
            width:120px;
            margin:20px auto;
            border-radius:50%;
            border:5px solid white;
            overflow:hidden;
        }
        .imge{
            height:210px;
            width:320px;
            background-image:url("link.jpg");
            position:relative;
            left:-90px;
            top:-30px;
        }
        .left{
            position:fixed;
            background-color: darkgray;
            width:20%;
            height:1000px;
        }
        .user{
            text-align:center;
        }
        #d1,#d2{
            list-style-type:none;
            padding:0;
        }
        a{
            text-decoration:none;
        }
        .link a,.lang a{
            color:green;
        }
        .link a:hover,.lang a:hover{
            color:white;
        }
        /*.link a:visited{*/
        /*    color:gray;*/
        /*}*/
        .link,.lang{
            text-align:center;
            position:relative;
            margin-top:50px;
            font-size:30px;
        }

        .right{
            height:1000px;
            width:80%;
            float:right;
        }
        .text{
            border:1px solid black;
            box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
            margin:20px 40px 10px 10px;
        }
        .title{
            width:100%;
        }
        #d3{
            font-size:30px;
            padding-left:20px;
            border-left:10px solid red;
        }
        #d4{
            float:right;
            padding:20px;
        }
        #d5,#d6{
            padding:10px;
            text-indent:2em;
        }
    </style>
</head>
<body>
<div class="left">
    <div class="img">
        <div class="imge"></div>
    </div>
    <div class="user">
        <p>jasonandegon</p>
        <p>good friends</p>
    </div>
    <div class="link">
        <ul id="d1">
            <li><a href="">关于博客</a></li>
            <li><a href="">联系我们</a></li>
            <li><a href="https://www.meizitu.com">妹子图</a></li>
        </ul>
    </div>
    <div class="lang">
        <ul id="d2">
            <li><a href="">#C</a></li>
            <li><a href="">#python</a></li>
            <li><a href="">#go</a></li>
        </ul>
    </div>
    <div></div>
</div>
<div class="right">
    <div class="text">
        <div class="title">
            <span id="d3">老司机？？？</span>
            <span id="d4">2020/02/02</span>
        </div>
        <div id="d5">内容</div>
        <hr>
        <div id="d6">底部</div>
    </div>
</div>
</body>
</html>
3.预习js内容:https://www.cnblogs.com/Dominic-Ji/p/9111021.html
作业

猜你喜欢
