美文网首页
开班信息

开班信息

作者: 星河入怀fd | 来源:发表于2019-05-31 00:02 被阅读0次

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>开班信息</title>

<style type = "text/css">

/*清除缓存*/

*{

margin:0;

padding:0;

}

body{

font: 12px/1 宋体; /*统一页面字体*/

}

.outer{

width: 300px;

height: 471px;

background-color: /*清除缓存*/;

/*居中*/

margin: 55px auto;

}

.title{

/*solid 表示实现*/

border-top: 2px #019e8b solid;

height: 36px;

background-color: #f5f5f5;

/*设置行高,用来居中*/

line-height: 36px;

padding: 0px 22px 0px 16px;

}

.title a{

float: right;

color: red;

}

.title h3{

font: 16px/36px  "微软雅黑";

/*覆盖了行高 得重新实现*/

}

.content{

border: 1px solid #deddd9;

padding: 0px 28px 0px 20px;

}

.content a{

color: black;

text-decoration: none;

font-size: 12px;

}

.content a:hover{

color: red;

text-decoration:underline;

}

.content h3{

margin-top: 15px;

margin-bottom: 15px;

}

.content ul{

/*去除项目符号*/

list-style: none;

border-bottom: 1px dashed #deddd9;

}

.content li{

margin-bottom: 15px;

}

.content .red-font{

color:red;

font-weight: bold;

}

.content .right{

float:right;

}

.content .no-border{

border: none;

}

</style>

</head>

<body>

<div class="outer">

<div class= "title">  <!-- <开班信息头部> -->

<a href = "#">18年面授开班计划</a>

<h3>近期开班</h3>

</div><!-- <开班信息的内容> -->

<div class= "content">

<h3><a href="#">人工智能+Python高薪就业班</a></h3>

<ul>

<li>

<a class="right"  href="#"><span class="red-font">预约报名</span></a><a href="#">开班时间:<span class="red-font">2018-04-26</span></a>

</li>

<li>

<a class="right"  href="#"><span class="red-font">无座,名额爆满</span></a><a href="#">开班时间:<span class="red-font">2018-03-23</span></a>

</li>

<li>

<a class="right"  href="#">开班盛况</a>

<a href="#">开班时间:2018-01-23</a>

</li>

<li>

<a class="right"  href="#">开班盛况</a>

<a href="#">开班时间:2017-12-20</a>

</li>

<li>

<a class="right"  href="#">开班盛况</a>

<a href="#">开班时间:2017-11-18</a>

</li>

</ul>

<h3><a href="#">Andrior开发+测试+高薪就业班</a></h3>

<ul>

<li>

<a class="right"  href="#"><span class="red-font">预约报名</span></a><a href="#">开班时间:<span class="red-font">2018-04-26</span></a>

</li>

<li>

<a class="right"  href="#">开班盛况</a>

<a href="#">开班时间:2018-03-23</a>

</li>

<li>

<a class="right"  href="#">开班盛况</a>

<a href="#">开班时间:2018-01-23</a>

</li>

<li>

<a class="right"  href="#">开班盛况</a>

<a href="#">开班时间:2017-12-20</a>

</li>

</ul>

<h3><a href="#">大数据软件开发+青芒工作室</a></h3>

<ul class ="no-border">

<li>

<a class="right"  href="#"><span class="red-font">预约报名</span></a><a href="#">开班时间:<span class="red-font">2018-04-26</span></a>

</li>

<li>

<a class="right"  href="#">开班盛况</a>

<a href="#">开班时间:2018-01-23</a>

</li>

</ul>

</div>

</div>

</body>

</html>

相关文章

  • 开班信息

    开班信息效果图 开班信息.html 开班信息 /*清除默认样式*/