1,制作北大青鸟网站的中心开班模块。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>中心开班信息</title>
<style>
h2,ul,li{
padding: 0px;
margin: 0px;
}
div{
width: 250px;
box-sizing: border-box;
margin: auto;
border: 1px gray solid;
border-radius: 8px;
background: linear-gradient(to bottom,#5EC2F9,#FFFFFF,white);
}
h2{
color: white;
font-size: 15px;
border-bottom: white 1px solid;
padding: 8px;
background: url("images/homework3/bg.gif")10px no-repeat;
text-indent: 2.2em;
}
li{
font-size: 15px;
list-style-type: none;
background: url("images/homework3/dotBg.gif")0px 5px no-repeat;
padding: 8px 18px;
/*border: 1px solid;*/
}
ul{
width: 215px;
}
ul li:last-of-type{
margin-bottom: 10px;
}
a{
text-decoration: none;