<!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