[郑州|结业弟子]CSS-刘高阳|2019年11月09日的日报-技能树.IT修真院

发表于： 2019-11-09 21:01:34

1 916

今天做的事

今天把任务7的最后一张图给做了出来

接下来就差最后的超链接相连了

总的来说前期的任务相对来说还是很简单的

打上相应效果的代码

然后去调试到理想的效果就好了

但是也要对盒子模型有自己的理解

任务8会比之前的任务难一点

希望自己可以尽快上手

代码如下

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Title</title>
    <link rel="stylesheet" href="task7.3.css">

</head>
<body>
<div class="container">
    <div class="header">
        <div class="header_1">

            <img src="../img/9.png" height="42" width="51"/>
            游戏结果
            <img src="../img/10.png" height="40" width="40"/>
        </div>
    </div>
    <div class="main">
        <div class="main_1">
            <div class="main_1_1">
                卧底胜利
                </div>
            <div class="main_1_2">
                <p>   太棒了!你知道么？在捉鬼游戏中 只有20%的卧底取得游戏最终的 胜利哦！</p>
            </div>
        </div>
        <div class="main_2">
             <div class="main_2_1">
                 本次游戏共计用时0小时25分钟
             </div>
            <div class="main_2_2">
                杀  手0人      警   察1人       平  民6人
            </div>
            <div class="main_2_2">
                狙击手0人   医生1人
            </div>
            <div class="main_2_2">
                卧底词汇：爱新觉罗
            </div>
            <div class="main_2_2">
                水民词汇：努尔哈赤
            </div>
        </div>
        <div class="main_3b">
        <div class="main_3">
            <div class="main_3_1">
                <div class="main_3_1_1">第1天</div>

                <div class="main_3_1_2">0小时07分</div>

            </div>
            <div class="main_3_2">
                晚上：5号被杀手杀死，5号是水民
            </div>
            <div class="main_3_2">
                白天：8号被全民投票投死，8号是杀手
            </div>

        </div>
        <div class="main_3">
            <div class="main_3_1">
                <div class="main_3_1_1">第2天</div>

                <div class="main_3_1_2">0小时07分</div>

            </div>
            <div class="main_3_2">
                晚上：5号被杀手杀死，5号是水民
            </div>
            <div class="main_3_2">
                白天：8号被全民投票投死，8号是杀手
            </div>

        </div>
        <div class="main_3">
            <div class="main_3_1">
                <div class="main_3_1_1">第3天</div>

                <div class="main_3_1_2">0小时07分</div>

            </div>
            <div class="main_3_2">
                晚上：5号被杀手杀死，5号是水民
            </div>
            <div class="main_3_2">
                白天：8号被全民投票投死，8号是杀手
            </div>

        </div>
        <div class="main_3">
            <div class="main_3_1">
                <div class="main_3_1_1">第4天</div>

                <div class="main_3_1_2">0小时07分</div>

            </div>
            <div class="main_3_2">
                晚上：5号被杀手杀死，5号是水民
            </div>
            <div class="main_3_3">
                白天：8号被全民投票投死，8号是杀手
            </div>

        </div>
    </div>
</div>
    <div class="footer">
        <div class="footer_1">


        </div>
        <div class="footer_2">
            再来一局
        </div>
        <div class="footer_3">

                上传并分享


        </div>
    </div>
</div>
</body>
</html>