美文网首页
作业

作业

作者: 你猜_e00d | 来源:发表于2018-08-24 11:25 被阅读0次

开班信息

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>开班情况</title>
    <style type="text/css">
        *{
            margin: 0;
            padding: 0;
        }
        body{
            font:12px/1 "宋体"
        }
        
        .outer{
            height: 471px;
            width: 310px;
            background-color: #fff;
            margin: 20px auto;
            padding-top:6px;
        }
        .title{
            height: 36px;
        
            background-color: #f5f5f5;
            border-top: #019e8b solid 3px;
            margin: 0 auto;
            line-height: 36px;
            padding:0px 22px 0px 16px;

        }
        .title a{
            float: right;
            color: red;

        }
        .titlr h3{
            font:16px/36px "微软雅黑"
        }
        .content{
            border: #deddd9 solid 1px;
            padding: 0px 20px 0px 28px;
        }
        .content a{
            color: black;
            text-decoration: none;  
        }
        .content h3{
            margin-top: 15px;
            margin-bottom: 15px;
        }
        .content ul{
            list-style: none;
            border-bottom: 1px dashed #deddd9;
        }
        .content li{
            margin-bottom: 15px;
        }
        .content .red-font{
            color: red;
            font-weight: bold;
        }
        .content .right{
            float: right;
        }
        .content .no-border{
            border: none;
        }
    </style>
</head>
<body>
    <div class="outer">
        <div class="title">
            <a href="#">18年面授开班计划</a>
            <h3>近期开班</h3>
        </div>
        <div class="content">
            <h3><a href="#">人工智能+python-高薪就业班</a></h3>
            <ul>
                <li>
                    <a class="right" href="#"><span class="red-font">预约报名</span></a>
                    <a href="#">开班时间:<span class="red-font">2018-04-26</span></a>
                </li>
                <li>
                    <a class="right" href="#"><span class="red-font">无座，名额爆满</span></a>
                    <a href="#">开班时间:<span class="red-font">2018-03-23</span></a>
                </li>
                <li>
                    <a class="right" href="#"><span>开班盛况</span></a>
                    <a href="#">开班时间:<span >2018-01-23</span></a>
                </li>
                <li>
                    <a class="right" href="#"><span>开班盛况</span></a>
                    <a href="#">开班时间:<span >2017-12-20</span></a>
                </li>
                <li>
                    <a class="right" href="#"><span>开班盛况</span></a>
                    <a href="#">开班时间:<span >2017-11-18</span></a>
                </li>
            </ul>
            <h3><a href="#">Android开发+测试-高薪就业班</a></h3>
            <ul>
                <li>
                    <a class="right" href="#"><span class="red-font">预约报名</span></a>
                    <a href="#">开班时间:<span class="red-font">2018-04-26</span></a>
                </li>
                <li>
                    <a class="right" href="#"><span>开班盛况</span></a>
                    <a href="#">开班时间:<span class="red-font">2018-03-23</span></a>
                </li>
                <li>
                    <a class="right" href="#"><span>开班盛况</span></a>
                    <a href="#">开班时间:<span >2018-01-23</span></a>
                </li>
                <li>
                    <a class="right" href="#"><span>开班盛况</span></a>
                    <a href="#">开班时间:<span >2017-12-20</span></a>
                </li>
            </ul>
            <h3><a href="#">大数据开发-青芒工作室</a></h3>
            <ul class="no-border">
                <li>
                    <a class="right" href="#"><span class="red-font">预约报名</span></a>
                    <a href="#">开班时间:<span class="red-font">2018-04-26</span></a>
                </li>
                <li>
                    <a class="right" href="#"><span>开班盛况</span></a>
                    <a href="#">开班时间:<span >2018-01-23</span></a>
                </li>
            </ul>
        </div>
    </div>
    
    
</body>
</html>

作业一


<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>作业一</title>
    <style type="text/css">
        *{
            margin: 0;
            padding: 0;
        }
        a{
            text-decoration: none;
            background-color: gold;
            font-family: "微软雅黑";
            color: black;
            font-size: 12px;
            padding: 5px 10px;
            margin: 0 3px;

        }
        .list{
            list-style: none;
            height: 42px;
            width: 960px;
            border: 1px solid #deddd9 ;
            margin: 30px auto;

        }
        .nav{
            list-style: none;
            margin: 8px 248px 8px 248px;


        }
        .nav li{
            float: left;
            margin: 8px auto;

        }
    </style>
</head>
<body>
    <div class="list">
        <ul class="nav">
            <li><a href="#">上一页</a></li>
            <li><a href="#">1</a></li>
            <li><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">4</a></li>
            <li>...</li>
            <li><a href="#">17</a></li>
            <li><a href="#">18</a></li>
            <li><a href="#">19</a></li>
            <li><a href="#">20</a></li>
            <li><a href="#">下一页</a></li>
        </ul>
    </div>
</body>
</html>

作业二


<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>作业二</title>
    <style type="text/css">
        *{
            margin: 0;
            padding: 0;
        }
        .nav{
            height: 42px;
            width: 960px;
            border: 1px solid #474747;
            margin: 30px auto;
            padding: 0 129px;
        }
        a{
            text-decoration: none;
            font-family: "微软雅黑";
            color: #333;
            font-size: 14px;
            
        }
        .list{
            list-style: none;
            margin: 0 auto:;
        }
        .list li{
            float: left;
            /*margin: 13px auto;*/
            margin: 13px 20px;
        }
    </style>
</head>
<body>
    <div class="nav">
        <ul class="list">
            <li><a href="#">首页</a></li>
            <li>|</li>
            <li><a href="#">网络建设</a></li>
            <li><a href="#">|</a></li>
            <li><a href="#">程序开发</a></li>
            <li>|</li>
            <li><a href="#">网络营销</a></li>
            <li>|</li>
            <li><a href="#">企业  VI</a></li>
            <li>|</li>
            <li><a href="#">案例展示</a></li>
            <li>|</li>
            <li><a href="#">联系我们</a></li>
        </ul>
    </div>
    
</body>
</html>

作业三


<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
        *{
            margin: 0;
            padding: 0;
        }
        a{
            display: block;
            height: 100%;
            text-decoration: none;
            font-family: "微软雅黑";
            color: #fff;
            padding: 10px 0 13px 25px;
        }
        .blok{
            height: 40px;
            width: 960px;
            background-color: #55a8ea;
            margin: 30px auto;
        }
        .nav{
            list-style: none;
        }

        .nav li{
            width: 100px;
            height: 40px;
            float: left;
            overflow: hidden;
        }
        .nav a:hover{
            background-color: #00619f;
        }
    </style>
</head>
<body>
    <div class=blok>
        <ul class="nav">
            <li><a href="#">首页</a></li>
            <li><a href="#">网络基站</a></li>
            <li><a href="#">程序开发</a></li>
            <li><a href="#">网络营销</a></li>
            <li><a href="#">企业VT</a></li>
            <li><a href="#">案例展示</a></li>
            <li><a href="#">联系我们</a></li>
        </ul>
    </div>
</body>
</html>

相关文章

  • 今天先不更

    补作业补作业补作业补作业补作业补作业补作业补作业补作业补作业补作业补作业补作业补作业补作业补作业补作业补作业补作业...

  • 作业作业作业

    出外听课两天，小必的学习没过问。 早晨，小必的数学作业没完成，很多没完成:优化设计，数学书，小灵通，都没完成。 中...

  • 作业作业作业

    头疼的厉害，太阳穴绷得紧紧的。躺了一个多小时了，也不见好转。每当这个时候，一场大觉就能让我彻底放松。可是心不静，怎...

  • 作业作业作业

    1，我的作业 写好了文章，倒也没发的欲望，这是我的作业，作业。 只是想着把一切都准备好，明天再发。听说发文很多O推...

  • 作业作业作业

    @所有人 各位家长：学生对待作业的态度就是对待学习的态度。态度决定一切！老师们在检查作业过程中发现有不写的、有偷工...

  • 11-17

    作业1： 作业2： 作业3： 作业4： 作业5： 作业6： 作业7： 作业8： 作业9： 作业10： 作业11： ...

  • 11月17

    作业1 作业2 作业3 作业4 作业五 作业6 作业7 作业8 作业9 作业10 作业11 思考

  • 11.17

    作业1 作业2 作业3 作业4 作业5 作业6 作业7 作业8 作业9 作业10 作业11 思考

  • 17-11-17

    作业一 作业二 作业三 作业四 作业五 作业六 作业七 作业八 作业九 作业十 作业十一 思考

  • 17-11-17

    作业1 作业2 作业3 作业4 作业5 作业6 作业7 作业8 作业9 作业10 作业11 思考题

网友评论

      本文标题：作业

      本文链接：https://www.haomeiwen.com/subject/wjdbiftx.html

      延伸阅读

      深度阅读

      • 您也可以注册成为美文阅读网的作者，发表您的原创作品、分享您的心情！

      栏目导航

      热点阅读

      关于我们|服务条款|联系我们|作业|投稿指南|网站地图|RSS订阅|排版工具|手机版

      提供经典美文摘抄,优美散文欣赏,现代诗歌精选,短篇小说,心情随笔,表白情书范文,故事会在线阅读欣赏

      Copyright © 2014-2023 Haomeiwen.com All Rights Reserved. 好美文阅读网 版权所有

      备案信息：桂公网安备 45052102000051号 · 桂ICP备13007215号-3

      本站所收录作品、热点评论等信息部分来源互联网，目的只是为了系统归纳学习和传递资讯

      所有作品版权归原创作者所有，与本站立场无关，如不慎侵犯了你的权益，请联系我们告知，我们将做删除处理！