美文网首页
开班信息

开班信息

作者: Es__ | 来源:发表于2018-09-10 21:36 被阅读0次
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>开班</title>
    <link rel="stylesheet" href="css/kb.css">
    
</head>
<body>
    <div class="box">
        <div class="boxt">
            <p id=p1>近期开班</p>
            <a id=a1 href="#">18年面授开班计划</a>
        </div>
        <div class="boxb">
            <h3><a href="#">人工智能+Python-高薪就业班</a></h3>
            <ul>
                <li>
                    <a href="#">开班时间:<span class="s">2018-04-26</span></a>
                    <a class="ar" href="#"><span class="s">预约报名</span></a>
                </li>
                <li>
                    <a href="#">开班时间:<span class="s">2018-03-23</span></a>
                    <a class="ar" href="#"><span class="s">无座,名额爆满</span></a>
                </li>
                <li>
                    <a href="#">开班时间:<span>2018-01-23</span></a>
                    <a class="ar" href="#"><span>开班盛况</span></a>
                </li>
                <li>
                    <a href="#">开班时间:<span>2017-12-20</span></a>
                    <a class="ar" href="#"><span>开班盛况</span></a>                    
                </li>
                <li>
                    <a href="#">开班时间:<span>2017-11-18</span></a>
                    <a class="ar" href="#"><span>开班盛况</span></a>               
                </li>
            </ul>
            <h3><a href="#">Android开发+测试-高薪就业班</a></h3>
            <ul>
                <li>
                    <a href="#">开班时间:<span class="s">2018-04-26</span></a>
                    <a class="ar" href="#"><span class="s">预约报名</span></a>
                </li>
                <li>
                    <a href="#">开班时间:<span>2018-03-23</span></a>
                    <a class="ar" href="#"><span>开班盛况</span></a>                  
                </li>
                <li>
                    <a href="#">开班时间:<span>2018-01-23</span></a>
                    <a class="ar" href="#"><span>开班盛况</span></a>                   
                </li>
                <li>
                    <a href="#">开班时间:<span>2017-12-20</span></a>
                    <a class="ar" href="#"><span>开班盛况</span></a>                 
                </li>
            </ul>
            <h3><a href="#">大数据软件开发-青芒工作室</a></h3>
            <ul class="no-border">
                <li>
                    <a href="#">开班时间:<span class="s">2018-04-26</span></a>
                    <a class="ar" href="#"><span class="s">预约报名</span></a>
                </li>
                <li>
                    <a href="#">开班时间:<span>2018-01-23</span></a>
                    <a class="ar" href="#"><span>开班盛况</span></a>                   
                </li>
            </ul>
        </div>
    </div>
</body>
</html>
*{
    padding: 0;
    margin: 0;
    
}
body{
    background-color: rgb(67,67,67);
    font-size: 12px/1;
}

.box{
    width: 310px;
    height: 480px;
    padding: 5px;
    background-color: rgb(255,255,255);
    margin: 100px auto;
}
.boxt{
    width: 300px;
    height: 30px;
    border-top: 2px rgb(1,158,139) solid;
    margin:0px auto;
    border-color: rgb(1,158,139);
    background-color: rgb(245,245,245);
    padding-top: 8px;
}
.boxb{
    width:289px;
    height: 399px;
    margin:0px auto ;
    background-color: rgb(255,255,255);
    border:0.5px rgb(222,221,217) solid;
    padding: 30px 5px 5px;

}
#a1{
    color: rgb(255,0,0);
    font-size: 12px/2 ;
    float: right;
    margin-right:22px;
    text-decoration: underline;
    
}
#p1{
    color: rgb(0,0,0);
    font-size: 16px/1.5;
    margin-left:16px;
    float: left;
    
}
a{
    text-decoration: none;
    color: rgb(0,0,0);
    font:15px/25px 微软雅黑;
}
li{
    list-style:none;
}
.ar,.s{
    color: rgb(255,0,0);
    font-weight:bold;
}
.ar{
    float: right;
}
a:hover{
    text-decoration: underline;
    color: red;
}
jj.PNG

相关文章

  • 开班信息

    开班信息效果图 开班信息.html 开班信息 /*清除默认样式*/