<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>开班信息</title>
<style type="text/css">
/*全局样式设置*/
body,ul,a{
margin: 0px; padding: 0px;/*把所有的标签的内填充和外边距都去掉。*/
}
ul{
list-style: none;/*去掉项目符号前面的所有符号*/
}
body{
font-size: 12px;/*网页上的文字都是12像素*/
background-color: #ccc;
}
a:link,a:visited{
color: #003366;
text-decoration: none;
}
a:hover{
color: red;
}
/*开班信息模块*/
.kaiban{
width: 295px;
background-color: #fff;
margin: 50px auto;/*div元素在网页中居中对齐(Firefox)*/
}
.kaiban .title{
height: 35px;
line-height: 35px;
color: red;
font-size: 16px;
font-weight: bold;
padding-left: 40px;
background-image:url(68.png);
}
.kaiban .content h4{padding:50px;}//为啥不起作用？
.kaiban .content li{
border-bottom:1px dashed #ccc;
padding:5px 0px;
}
</style>
</head>
<body>
<div class="kaiban">
<div class="title">PHP培训开办信息</div>
<div class="centent">
<h4>PHP基础班</h4>
<ul>
<li><a href="#">北京第39期</a><span class="sp1">预约报名</span></li>
<li><a href="#">北京第38期</a><span class="sp2">爆满已开班</span></li>
<li><a href="#">北京第37期</a><span class="sp2">爆满已开班</span></li>
<li><a href="#">北京第10期</a><span class="sp2">爆满已开班</span></li>
</ul>
<h4>PHP就业班</h4>
<ul>
<li><a href="#">北京第39期</a><span class="sp1">预约报名</span></li>
<li><a href="#">北京第38期</a><span class="sp2">爆满已开班</span></li>
<li><a href="#">北京第37期</a><span class="sp2">爆满已开班</span></li>
<li><a href="#">北京第10期</a><span class="sp2">爆满已开班</span></li>
</ul>
<h4>PHP远程班</h4>
<ul>
<li><a href="#">北京第39期</a><span class="sp1">预约报名</span></li>
<li><a href="#">北京第38期</a><span class="sp2">爆满已开班</span></li>
<li><a href="#">北京第37期</a><span class="sp2">爆满已开班</span></li>
<li><a href="#">北京第10期</a><span class="sp2">爆满已开班</span></li>
</ul>
</div>
</div>
</body>
</html>
浙公网安备 33010602011771号