作业1

作者: 会说话的乌鸦 | 来源:发表于2018-07-10 23:14 被阅读0次
作业1.png

代码:

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>招生信息</title>
    <style type="text/css">
        .box1{
            width: 304px;
            /*height: 472px;*/
            margin: auto;
            font-family: '微软雅黑';
            /*font-weight: bold;*/
        }
        .tt1{
            height:36px;
            line-height: 36px;
            background-color: #f5f5f5;
            border-top-style: solid;
            border-top-width: 2px;
            border-color:#019e8b;
        }
        span{
            float: left;
            font-size:15px;
            margin-left: 17px;
        }
        
        .case1{
            /*height: 500px;*/
            border:1px #deddd9 solid;
            font-size: 12px;
        }
        .bj1{
            list-style: none;
            /*margin-left: -8px;*/
        }
        .s1{
            float: right;
            margin-right: 20px; 
        }
        .ss2{
            margin-top:15px;
            margin-bottom: 15px;
            margin-left: -12px;
        }
        .bj2{
            
            list-style: none;
            border-top-style: dotted;
            border-bottom-style: dotted;
            border-bottom-width: 1px;
            border-top-width: 1px;
        }
        h4{
            margin-left: -12px;
        }
        a:link{
            color: yellowgreen;
        }
        a:visited{
            color: blue;
        }
        a:hover{
            color: orange;
        }
        a:active{
            color: red;
        }
        a{
            text-decoration: none;
            font-family: '微软雅黑';
        }
        .lian1{
            float:right;
            font-size:11px;
            margin-right: 24px;
        }
    </style>
</head>
<body>
    <div class='box1'>
        <div class="tt1">
            <span>近期开班</span>
            <a class='lian1' href="#">18年面授开班计划</a>
        </div>
        <div class="case1">
            <ul class="bj1">
                <h4><a href='#'>人工智能+python-高薪就业班</a></h4>
                <li class='ss2'>开班时间:<a href="#">2018-04-26</a><a class='s1' href="#">预约报名</a></li>
                <li class='ss2'>开班时间:<a href="#">2018-04-26</a><a class='s1' href="#">无座,名额爆满</a></li>
                <li class='ss2'>开班时间:<a href="#">2018-04-26</a><a class='s1' href="#">开班盛况</a></li>
                <li class='ss2'>开班时间:<a href="#">2018-04-26</a><a class='s1' href="#">开班盛况</a></li>
                <li class='ss2'>开班时间:<a href="#">2018-04-26</a><a class='s1' href="#">开班盛况</a></li>
            </ul>
            <ul class="bj2">
                <h4><a href='#'>Android开发+测试-高薪就业班</a></h4>
                <li class='ss2'>开班时间:<a href="#">2018-04-26</a><a class='s1' href="#">预约报名</a></li>
                <li class='ss2'>开班时间:<a class='test1' href="#">2018-04-26</a><a class='s1' href="#">开班盛况</a></li>
                <li class='ss2'>开班时间:<a class='test1' href="#">2018-04-26</a><a class='s1' href="#">开班盛况</a></li>
                <li class='ss2'>开班时间:<a class='test1' href="#">2018-04-26</a><a class='s1' href="#">开班盛况</a></li>
            </ul>
            <ul class="bj1">
                <h4><a href='#'>人工智能+python-高薪就业班</a></h4>
                <li class='ss2'>开班时间:<a class='test1' href="#">2018-04-26</a><a class='s1' href="#">预约报名</a></li>
                <li class='ss2'>开班时间:<a class='test1' href="#">2018-04-26</a><a class='s1' href="#">开班盛况</a></li>
                
            </ul>

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

相关文章

  • 作业1

  • 作业1

  • 作业1

    首先感谢各位老师的辛勤付出,谢谢你们,辛苦了!3天的康复理疗课程收获满满,让我对精油的化学成份,科学层面有了更深入...

  • 作业1

    问题1 请设计一个算法,要求该算法把二叉树的叶子结点按从左到右的顺序连成一个单链表,表头指针为head。二叉树按二...

  • 作业1

    假如你有一个15岁的孩子,有一天晚上吃饭时,他对你说:“我感觉学习一点意思都没有,老师教的东西一点用处都没有。我将...

  • 作业1

  • 作业1

    一、1.什么是HTML5万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改。...

  • 作业1

    1. 登录界面的效果图 2. 登录界面实现的功能描述 不同身份人员登陆,显示不同功能和信息 3. 登录界面各控件的...

  • 作业1

  • 作业1

    #代码 using System; using System.Collections.Generic; using...

网友评论

      本文标题:作业1

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