web课程设计网页制作、基于HTML+CSS大学校园班级网页设计
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,
li, dl, dt, dd, form, a, fieldset, input, th, td
{margin: 0; padding: 0; border: 0; outline: none;}
body { font-family: "宋体";font-size: 12px;color:#000000;line-height: 20px;text-align:left;}
td,th {font-family: "宋体";font-size: 12px;color: #000000;}
a {color: #000000;}
A:link {TEXT-DECORATION: none;}
A:visited {TEXT-DECORATION: none;}
ul,li{list-style-type:none;}
.clearit{clear:both;}
.top {width:100%; height:140px; background:#f9f1b5}
.dao {width:1020px; height:100px; background:#fd9c9c; margin:0 auto}
.dao p {width:300px; float:left; text-align:center; line-height:100px; color:#FFF; font-weight:600; font-size:36px ;font-family: "华文行楷";}
.dao ul {width:600px; float:left; margin-left:120px;}
.dao li {width:120px; float:left; text-align:center; line-height:100px;}
.dao a {font-size:14px; font-weight:600; color:#FFF;}
.dao A:hover{ color:#f9f1b5;}
.ban {width:980px; height:400px; background:#f8d6a6; margin:0 auto; margin-top:20px; padding:20px;}
.xia {width:980px; margin:0 auto; margin-top:20px; padding:20px; background:#ededed; height:420px; }
.zuo {width:286.66px; float:left; margin-left:30px;}
.zuo h3 {width:286.66px; height:30px; border-bottom:1px dashed#258fb9; color:#258fb9; line-height:35px; margin-top:10px;}
.zuo p { line-height:30px; color:#333}
.you {width:100px; height:35px; border-radius:10px; background:#258fb9; text-align:center; line-height:35px; float:right; margin-right:10px; margin-top:20px;}
.you a { color:#FFF;}
.foot {width:1020px; margin:0 auto; margin-top:20px; background:#ededed; height:50px; text-align:center; line-height:50px; font-weight:600; font-size:16px}
.da {width:980px; margin:0 auto; margin-top:20px; padding:20px; background:#ededed; }
.da h2 {width:980px; height:30px; border-bottom:1px solid #333; line-height:30px;}
.da h3 { margin-top:20px; margin-bottom:15px; color:#333}
.da p {text-indent:2em; line-height:30px; color: #333}
.da li {width:450px; float:left; margin-left:26.66px; margin-top:20px; text-align:center; line-height:30px;}
.tu img {margin-top:20px; margin-left:26.66px;}
.box {
width: 980px;
height: 400px;
}
.inner{
width: 980px;
height: 400px;
position: relative;
overflow: hidden;
}
.inner img{
width: 980px;
height: 400px;
vertical-align: top
}
.inner ul {
width: 1000%;
position: absolute;
list-style: none;
left:0;
top: 0;
}
.inner li{
float: left;
}
ol {
position: absolute;
height: 20px;
right: 20px;
bottom: 12px;
text-align: center;
padding: 5px;
}
ol li{
display: block;
width: 20px;
height: 20px;
line-height: 20px;
background-color: #fff;
margin: 5px;
cursor: pointer;
}
ol .current{
background-color: red;
}
#arr{
display: block;
}
#arr span{
width: 30px;
height: 40px;
position: absolute;
left: 14px;
top: 156px;
margin-top: -20px;
background: #fff;
cursor: pointer;
line-height: 40px;
text-align: center;
font-weight: bold;
font-family: '黑体';
font-size: 30px;
color: #000;
opacity: 0.5;
border: 1px solid #fff;
}
#arr #right {
right: 18px;
left: auto;
}