美文网首页
开班信息

开班信息

作者: 寻_4533 | 来源:发表于2019-03-27 22:05 被阅读0次

    <!DOCTYPE html>

    <html lang="en">

    <head>

    <meta charset="UTF-8">

    <title>开班信息</title>

    <link rel="stylesheet" href="css/开班信息.css">

    </head>

    <body>

    <div class="outer">

    <div class="title">

    <a href="#">18年面授开班计划</a>

    <h3>近期开班</h3>

    </div>

    <div class="content">

    <h3>人工智能+Python-高薪就业班</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>Android研发+测试-高薪就业班</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>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>大数据软件开发-青芒工作室</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>

    *{

    margin: 0;

    padding: 0;

    }

    body{

    font:12px/1 宋体;

    }

    .outer{

    width: 300px;

    /*height: 471px;

    background-color: #bfa*/;

    margin: 50px auto;

    }

    .title{

    border-top: 2px #019e8b solid;

    height: 36px;

    background-color: #f5f5f5;

    line-height: 36px;

    padding: 0px 22px 0px 16px;

    }

    .title a{

    float: right;

    color: red;

    font-size: 12px;

    }

    .title h3{

    font: 16px/36px "微软雅黑";

    }

    .content{

    border:1px solid #deddd9;

    padding: 0px 28px 0px 20px;

    }

    .content a{

    color: black;

    text-decoration: none;

    }

    .content a:hover{

    color: red;

    text-decoration: underline;

    }

    .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;

    }

    相关文章

      网友评论

          本文标题:开班信息

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