<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>开班信息</title>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
body{
font-size: 12px/1 "宋体";
}
.outer{
width: 400px;
height: 500px;
background-color: #fff;
margin:50px auto;
padding: 5px;
/*overflow: hidden;*/
}
.title{
border-top:2px #f5f5f5 solid;
background-color: #f5f5f5;
height: 36px;
line-height: 36px;
}
.title a{
float: right;
margin-left:22px;
}
.title h3{
margin:0 16px ;
/*float: left;*/
}
.title .a1{
color: red;
margin: auto 12px;
}
.content{
border:1px solid white;
}
.clearfix:after{
content:"";
display: block;
clear: both;
}
/* .content{
zoom:1;
}*/
.content a{
float: left;
text-decoration: none;
color:black;
margin: 5px 12px;
}
.content .ul1{
width: 300px;
list-style: none;
border-bottom:1px dashed #deddd9;
float: left;
margin: 0px 50px;
}
.content .ul2{
width: 300px;
list-style: none;
border-bottom:1px dashed #deddd9;
float: left;
margin: 0px 50px;
}
.content .ul3{
width: 300px;
list-style: none;
border-bottom:1px dashed #deddd9;
float: left;
margin: 0px 50px;
}
.content .a2{
float: left;
}
.content .a3{
float: right;
}
</style>
</head>
<body>
<div class="outer">
<div class="title">
<a class="a1" href="#">18年面授开班计划</a>
<h3>近期开班</h3>
</div>
<div class="content clearfix">
<ul class="ul1">
<li><a href="#">人工智能+pytho-高薪就业班</a></li>
<li><a class="a2" href="#">开班时间:<span style="color: red;">2018-04-26</span></a></li>
<li><a class="a3" href="#"><span style="color: red;">预约报名</span></a></li>
<li><a class="a2" href="#">开班时间:<span style="color: red;">2018-03-23</span></a></li>
<li><a class="a3" href="#"><span style="color: red;">无座,名额爆满</span></a></li>
<li><a class="a2" href="#">开班时间:2018-01-23</a></li>
<li><a class="a3" href="#">开班盛况</a></li>
<li><a class="a2" href="#">开始时间:2017-12-20</a></li>
<li><a class="a3" href="#">开班盛况</a></li>
<li><a class="a2" href="#">开始时间:2017-11-18</a></li>
<li><a class="a3 clear" href="#">开班盛况</a></li>
</ul>
<ul class="ul2">
<li><a href="#">android开发+测试-高薪就业班</a></li>
<li><a class="a2" href="#">开班时间:<span style="color: red;">2018-04-26</span></a></li>
<li><a class="a3" href="#"><span style="color: red;">预约报名</span></a></li>
<li><a class="a2" href="#">开班时间:2018-03-23</a></li>
<li><a class="a3" href="#">开班盛况</a></li>
<li><a class="a2" href="#">开班时间:2018-01-23</a></li>
<li><a class="a3" href="#">开班盛况</a></li>
<li><a class="a2" href="#">开始时间:2017-12-20</a></li>
<li><a class="a3" href="#">开班盛况</a></li>
</ul>
<ul class="ul3">
<li><a href="#">大数据软件开发-青芒工作室</a></li>
<li><a class="a2" href="#">开班时间:<span style="color: red;">2018-04-26</span></a></li>
<li><a class="a3" href="#"><span style="color: red;">预约报名</span></a></li>
<li><a class="a2" href="#">开班时间:2018-01-23</a></li>
<li><a class="a3" href="#">开班盛况</a></li>
</ul>
</div>
</div>
</body>
</html>
2018-04-01开班信息
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 小学语文修改病句的方法 修改病句是小学语文考试中常见的题型,在修改病句之前,我们应该清晰的了解有哪些病句现象,下面...
- 会议通知: 1月6日晚召开开班仪式第一次会议,请值月小组每个成员都要参加。形式为电话会议。会议议程如下: 1.讨论...