1盒子模型
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>中心开班信息</title>
<style>
div{
width: 250px;
border:1px solid #d8d8d8;
box-sizing: border-box;
line-height: 30px;
background: linear-gradient(to bottom,#5bc1f9 ,#FFF,#FFF);
margin: 0 auto;
border-radius: 8px;
}
ul li{
list-style-type:none;
background: url(img/dotBg.gif) no-repeat;
background-position:-10px 0;
padding-left: 10px;
}
a{
text-decoration: none;
}
a:hover{
color: red;
}
.text1{
border:1px white solid;
background-color: white;
display: block;
width: 250px;
height: 1px;
}
h3{
color: white;
padding-left:50px ;
background: url(img/bg.gif) no-repeat;
background-position:10px 0 ;
}
</style>
</head>
<body>
<div>
<h3>中心开班信息</h3>
<p class="text1&#