大学生旅游风景主题dreamweaver网页设计大作业-陕西渭南HTML+CSS制作网页
/* CSS Document */
ul,li,h1,h2,h3,p{ padding:0; margin:0; list-style:none}
body{ width:1000px; margin:0 auto; line-height:21px; background:#eae0e0}
.text_center {text-align: left; line-height:35px}
.clear{ clear:both}
.top { font-size:50px; line-height:50px; background-color:#f4f4f4; color:#fff; padding-left:20px; background:#8d3030;}
.hei10 {height:10px}
.menu{ width:100%; text-align:center; float:left; background:#8d3030; position:relative;}
.menu li a{ font-weight:bold; color:#fff}
.menu li { float:left; margin:2px; padding:15px 30px ; width:125px; }
.content {
background: #f4f4f4;
font-size: 16px;
display: inline-block;
color: #000;
width: 100%;
}
.content h3 {font-size:24px; margin-top:10px; margin-bottom:10px; margin-left:10px}
.content ul { margin:10px; line-height:30px; font-size: 16px;}
.wqjs {text-align: center; float:left; width:100%}
.wqjs li { float:left; margin:0 auto; width:33.3%; margin-top:15px}
.end {
clear: both;
background:#333;
background-size:100%;
color: #fff;
padding: 30px 0;
text-align: center;
}
.picture li {float:left; width:33.3%; text-align:center; margin-top:5px}
.picture li img{width:300px; border-radius:5px}
img{ max-width:100%}
.left {float: left; width:670px; line-height:35px; padding-left:15px;}
.left1 {float:left; margin-right:10px}
.left h3 {text-align:center}.left h3 span{ display:inline-block; background:#8d3030; color:#fff}
.right {float:right; line-height:35px; width:280px; padding-right:20px; text-align:center}
.right h3 {text-align:center}
.right1 {float:right}
.bar{ border:#000 dashed 1px; margin:20px; clear:both; background:#ccc; color:#000; font-weight:bold; padding:8px 15px}
.feedback input {width:400px; background:#fff; border-radius:4px; border:1px solid #ccc; line-height:30px; height:30px; font-size:16px; }
.feedback textarea {width:400px; height:200px; background:#fff; border-radius:5px; border:1px solid #ccc; font-size:16px}
.feedback li span {position:relative; top:-190px}
.feedback button { background: #C30; width:300px; height:30px; line-height:30px; color:#fff; border:1px solid #C30; border-radius:5px; font-size:16px; margin-left:65px }
.feedback2 {float:right; }
.hei10 {height:10px}
.feedback2 li img {border-radius:5px; margin-right:50px}
.list p {margin-bottom:10px}
.list {margin-top:15px}
.c1{width:100%; height:100px; background:#333; }
.c2{width:100%; position:relative; top:-15px;}
.c3{font-size:22px; color:#FFF;padding:20px 5px 5px 82px; float:left;}
.c4{font-size:48px;float:;padding:15px 5px 5px 80px;color:#FFF;}
.c1 ul li{float:left;padding:40px 5px 0px 30px; color:#FFF; font-size:24px; position:relative; top:-40px;left:40px; list-style:none; text-decoration:none;}
.left h4{font-size:16px;}
.c5{
clear: both;
background:#333;
background-size:100%;
color: #fff;
padding: 30px 0;
text-align: center;
position:relative;
top:630px;
}
.c6{position:relative; left:130px;}
video{ width:970px;}