作业1.png
代码：
<html lang="en">
<head>
<meta charset="UTF-8">
<title>招生信息</title>
<style type="text/css">
.box1{
width: 304px;
/*height: 472px;*/
margin: auto;
font-family: '微软雅黑';
/*font-weight: bold;*/
}
.tt1{
height:36px;
line-height: 36px;
background-color: #f5f5f5;
border-top-style: solid;
border-top-width: 2px;
border-color:#019e8b;
}
span{
float: left;
font-size:15px;
margin-left: 17px;
}
.case1{
/*height: 500px;*/
border:1px #deddd9 solid;
font-size: 12px;
}
.bj1{
list-style: none;
/*margin-left: -8px;*/
}
.s1{
float: right;
margin-right: 20px;
}
.ss2{
margin-top:15px;
margin-bottom: 15px;
margin-left: -12px;
}
.bj2{
list-style: none;
border-top-style: dotted;
border-bottom-style: dotted;
border-bottom-width: 1px;
border-top-width: 1px;
}
h4{
margin-left: -12px;
}
a:link{
color: yellowgreen;
}
a:visited{
color: blue;
}
a:hover{
color: orange;
}
a:active{
color: red;
}
a{
text-decoration: none;
font-family: '微软雅黑';
}
.lian1{
float:right;
font-size:11px;
margin-right: 24px;
}
</style>
</head>
<body>
<div class='box1'>
<div class="tt1">
<span>近期开班</span>
<a class='lian1' href="#">18年面授开班计划</a>
</div>
<div class="case1">
<ul class="bj1">
<h4><a href='#'>人工智能+python-高薪就业班</a></h4>
<li class='ss2'>开班时间：<a href="#">2018-04-26</a><a class='s1' href="#">预约报名</a></li>
<li class='ss2'>开班时间：<a href="#">2018-04-26</a><a class='s1' href="#">无座，名额爆满</a></li>
<li class='ss2'>开班时间：<a href="#">2018-04-26</a><a class='s1' href="#">开班盛况</a></li>
<li class='ss2'>开班时间：<a href="#">2018-04-26</a><a class='s1' href="#">开班盛况</a></li>
<li class='ss2'>开班时间：<a href="#">2018-04-26</a><a class='s1' href="#">开班盛况</a></li>
</ul>
<ul class="bj2">
<h4><a href='#'>Android开发+测试-高薪就业班</a></h4>
<li class='ss2'>开班时间：<a href="#">2018-04-26</a><a class='s1' href="#">预约报名</a></li>
<li class='ss2'>开班时间：<a class='test1' href="#">2018-04-26</a><a class='s1' href="#">开班盛况</a></li>
<li class='ss2'>开班时间：<a class='test1' href="#">2018-04-26</a><a class='s1' href="#">开班盛况</a></li>
<li class='ss2'>开班时间：<a class='test1' href="#">2018-04-26</a><a class='s1' href="#">开班盛况</a></li>
</ul>
<ul class="bj1">
<h4><a href='#'>人工智能+python-高薪就业班</a></h4>
<li class='ss2'>开班时间：<a class='test1' href="#">2018-04-26</a><a class='s1' href="#">预约报名</a></li>
<li class='ss2'>开班时间：<a class='test1' href="#">2018-04-26</a><a class='s1' href="#">开班盛况</a></li>
</ul>
</div>
</div>
</body>
</html>
网友评论