HTML
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link href="06.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="a1">
<div class="a2"></div>
<div class="a3">
<span class="a4">近期开班</span>
<span class="a5"><a href="#">18年面授开班计划</a></span>
</div>
<div class="a6">
<h1 class="a7">人工智能+python-高薪就业班</h1>
<a class="a8">
<span class="a9">开班时间:</span>
<span class="a10">2018-04-26</span>
<span class="a11">预约报名</span>
</a>
<a class="a8">
<span class="a9">开班时间:</span>
<span class="a12">2018-03-23</span>
<span class="a13">无座,名额爆满</span>
</a>
<a class="a8">
<span class="a9">开班时间:</span>
<span class="a14">2018-01-23</span>
<span class="a15">开班盛况</span>
</a>
<a class="a8">
<span class="a9">开班时间:</span>
<span class="a14">2017-12-20</span>
<span class="a15">开班盛况</span>
</a>
<a class="a8">
<span class="a9">开班时间:</span>
<span class="a14">2017-11-18</span>
<span class="a15">开班盛况</span>
</a>
<a class="a8">
<span class="a16">--------------------------------------</span>
</a>
<h1 class="a7">Android开发+测试-高薪就业班</h1>
<a class="a8">
<span class="a9">开班时间:</span>
<span class="a10">2018-04-26</span>
<span class="a11">预约报名</span>
</a>
<a class="a8">
<span class="a9">开班时间:</span>
<span class="a14">2018-03-23</span>
<span class="a15">开班盛况</span>
</a>
<a class="a8">
<span class="a9">开班时间:</span>
<span class="a14">2018-01-23</span>
<span class="a15">开班盛况</span>
</a>
<a class="a8">
<span class="a9">开班时间:</span>
<span class="a14">2017-12-20</span>
<span class="a15">开班盛况</span>
</a>
<a class="a8">
<span class="a16">--------------------------------------</span>
</a>
<h1 class="a7">大数据软件开发-青芒工作室</h1>
<a class="a8">
<span class="a9">开班时间:</span>
<span class="a10">2018-04-26</span>
<span class="a11">预约报名</span>
</a>
<a class="a8">
<span class="a9">开班时间:</span>
<span class="a14">2018-01-23</span>
<span class="a15">开班盛况</span>
</a>
</div>
</div>
</body>
</html>
CSS
.a1{
width: 310px;
height: 480px;
background-color: white;
margin: auto;
}
.a2{
width: 300px;
height: 3px;
background-color: forestgreen;
margin: initial;
}
.a3{
width: 300px;
height: 40px;
background-color: lightgray;
}
.a4{
width: 70px;
height: 20px;
float: left;
color: black;
}
.a5{
width: 140px;
height: 15px;
float: right;
color: red;
}
a{color:red}
.a6{
width: 300px;
height: 48px;
background-color: white;
margin: auto;
border-color: lightgray;
}
.a7{
/width: 250px;/
/height: 5px;/
font-size: 15px;
}
.a8{
width: 298px;
height: 135px;
color: black;
}
.a9{
width: 55px;
height: 15px;
color:black;
}
.a10{
width: 70px;
height: 12px;
color: red;
}
/span{display: block}/
.a11{
width: 120px;
height: 15px;
color: red;
float: right;
/top: 20px;/
}
.a12{
width: 70px;
height: 12px;
color: red;
/float: right;/
}
.a13{
width:120px;
height: 15px;
color: red;
float: right;
}
.a14{
width:70px;
height: 12px;
color: black;
}
.a15{
width: 120px;
height: 15px;
color: black;
float: right;
}
.a16{
width: 240px;
height: 30px;
color:gray;
}
06day.png
网友评论