<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
ul{
list-style: none;
}
.box{ok.
width: 300px;
margin: 0 auto;
}
.top{
width: 300px;
height: 36px;
border-top: solid 2px #009f8b;
background: #f5f5f5;
}
.top p{
font-size: 15px;
color: #000000;
line-height: 36px;
float: left;
display: block;
margin-left: 16px;
}
.a{
font-size: 12px;
color: #ff0000;
float: right;
line-height: 36px;
margin-right: 22px;
}
.body{
width: 298px;
height: 431px;
border: solid 1px #dfddd9;
}
.body_top{
width: 252px;
height: 179px;
border-bottom: dashed 1px #dfddd9;
margin: 0 auto;
}
.body_top ul li a{
text-decoration: none;
}
.p{
width: 252px;
height: 44px;
margin: 0;
padding: 0;
}
.p p{
font-size: 12px;
line-height: 44px;
}
.nav{
width: 125px;
height: 122px;
float: left
}
.nav li{
font-size: 12px;
line-height: 26px;
}
.nav li a{
color: #000000;
}
.nav1{
width: 112px;
float: right;
}
.nav1 li{
font-size: 12px;
line-height: 26px;
text-align:right;
}
span:hover{
color: #ff0000;
}
.nav1 li a{
color: #000000;
text-decoration: none;
}
.body_conter{
width: 252px;
height: 152px;
border-bottom: dashed 1px #dfddd9;
margin: 0 auto;
}
.nav2{
width: 125px;
float: left
}
.nav2 li a{
color: #000000;
text-decoration: none;
}
.nav2 li{
font-size: 12px;
line-height: 26px;
}
.body_bottom{
width: 252px;
height: 98px;
margin: 0 auto;
}
.n{
width: 252px;
height: 44px;
}
.n p{
font-size: 12px;
}
</style>
</head>
<body>
<div class="box">
<div class="top">
<p>近期开班</p>
<a class="a" href="">18年面授开班计划</a>
</div>
<div class="body">
<div class="body_top">
<div class="p">
<p>人工智能fython高薪就业班</p>
</div>
<ul class="nav">
<li><a href="">开班时间: <span>2018-04- 26</span></a></li>
<li><a href="">开班时间: <span>2018-03-23</span></a></li>
<li><a href="">开班时间: 2018-01-23</a></'li>
<li><a href="">开班时间: 2017-12 -20</a>'</li>
<li><a href="">开班时间: 2017-11-18</a></li>
</ul>
<ul class="nav1">
<li><a href=""><span>预约报名</span></a></li>
<li><a href=""><span>无座，名额爆满</span></a></li>
<li><a href="">开班盛况</a></li>
<li><a href="">开班盛况</a></li>
<li><a href="">开班盛况</a></li>
</ul>
</div>
<div class="body_conter">
<div class="p">
<p>Androi研发+测试高薪就业班</p>
</div>
<ul class="nav2">
<li><a href="">开班时间: <span>2018-04- 26</span></a></li>
<li><a href="">开班时间:2018-03-23</a></li>
<li><a href="">开班时间: 2018-01-23</a></li>
<li><a href="">开班时间: 2017-12 -20</a></li>
</ul>
<ul class="nav1">
<li><a href=""><span>预约报名</span></a></li>
<li><a href="">开班盛况</a></li>
<li><a href="">开班盛况</a></li>
<li><a href="">开班盛况</a></li>
</ul>
</div>
<div class="body_bottom">
<div class="p">
<p>大数据软件开发青硭工作室</p>
</div>
<ul class="nav2">
<li><a href="">开班时间: <span>2018-04- 26</span></a></li>
<li><a href="">开班时间:2018-03-23</a></li>
</ul>
<ul class="nav1">
<li><a href=""><span>预约报名</span></a></li>
<li><a href="">开班盛况</a></li>
</ul>
</div>
</div>
</div>
</body>
</html>
作业06
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
