怎么改网站模板背景颜色啊 求大神
这是CSS编辑器 根据这个图改 谢谢 求助大神
/* CSS Document */
body {
margin: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
#top_header,#top, #header, #nav, #main, #footer {
width: 788px;
margin: 0px auto;
clear:both;
}
#date {
line-height: 20px;
height: 20px;
float: left;
margin: 0;
padding: 0;
}
#logo {
border: 1px solid #00A8FF;
float: left;
height: 70px;
width: 200px;
line-height: 70px;
text-align: center;
}
#banner {
border: 1px solid #00A8FF;
height: 70px;
width: 560px;
float: right;
line-height: 70px;
text-align: center;
}
#header {
overflow: hidden;
}
#fav {
line-height: 20px;
float: right;
height: 20px;
margin: 0;
padding: 0 10px 0 0;
}
#top {
line-height: 20px;
height: 20px;
}
#nav ul {
margin: 0px;
padding: 0px;
height: 32px;
list-style: none;
background: url(ind-cityviewbg.gif) repeat-x;
}
#nav li {
line-height: 40px;
float: left;
}
#nav a {
padding: 15px 18px;
}
#nav a:hover {
background: url(ind-selviewbg.gif) repeat-x center 1px;
}
a:link {
color: #333333;
text-decoration: none;
}
a:visited {
color: #333333;
text-decoration: none;
}
a:hover {
color: #000000;
text-decoration: none;
}
#sider #notice p {
background-color: #FBFEFF;
margin: 0 0 12px 0;
padding: 5px 10px;
border: 1px solid #00A8FF;
}
#sider {
width: 190px;
float: left;
}
#contents {
width: 590px;
float: right;
}
#contents .news {
float: right;
width: 320px;
}
.space {
height: 1px;
clear: both;
overflow: hidden;
}
.ads {
clear: both;
}
#sider h2 {
background: url(link3.gif) no-repeat left top;
font-size: 12px;
margin: 0px;
padding-left: 40px;
color: #FFFFFF;
line-height: 23px;
height: 23px;
}
#contents .lists {
width: 290px;
float: left;
margin: 0 0 0 3px;
}
#sider ul {
background-color: #FBFEFF;
width: 178px;
margin: 0 0 12px 0;
padding: 5px;
list-style-type: none;
border: 1px solid #00A8FF;
}
#sider li {
line-height: 20px;
padding: 0 5px 0 15px;
border: 1px dashed #97D2FF;
border-width: 0 0 1px 0;
background: url(jt-2.gif) no-repeat 2px center;
}
#contents h2 {
font-size: 12px;
background: url(new.gif) no-repeat;
line-height: 23px;
margin: 0px;
height: 23px;
padding-left: 30px;
color: #0179F1;
}
.news {
float: right;
width: 310px;
height: 195px;
padding: 8px 0 0 8px;
margin: 0;
}
.news ul {
margin: 0px;
padding: 0px;
list-style-type: none;
height: 174px;
}
.news li {
line-height: 21px;
margin: 0px;
padding: 0px;
width: 100%;
float: left;
background: url(jt-2.gif) no-repeat left center;
}
.news strong {
font-weight: normal;
font-family: Verdana;
float: right;
margin: 0 18px 0 0;
color: #666666;
line-height: 21px;
}
.news h6 {
float: left;
font-size: 12px;
font-weight: normal;
margin: 0;
padding: 0 0 0 12px;
clear: none;
line-height: 21px;
}
#contents .images {
float: left;
width: 245px;
height: 170px;
padding: 10px 0 10px 10px;
}
.images img {
padding:2px;
border: 1px solid #D9F3FF;
border-color: #D9F3FF #88D8FF #88D8FF #D9F3FF;
}
#contents .lists label {
float: left;
}
#contents .lists strong {
font-weight:700;
cursor: pointer;
float: right;
margin-right: 10px;
color: #0179F1;
}
#contents .lists ul {
background-color: #FBFEFF;
margin: 0 0 5px 0;
padding: 5px;
list-style-type: none;
border: 1px solid #D3F1FF;
border-color: #D3F1FF #8BDAFF #8BDAFF #D3F1FF;
}
#contents .lists li {
background: url(dot1.gif) no-repeat 3px center;
height: 20px;
line-height: 20px;
padding: 0 5px 0 15px;
border: 1px dashed #D7F2FF;
border-width: 0 0 1px 0;
}
#slideimg {
border: 1px solid #D9F3FF;
border-color: #D9F3FF #88D8FF #88D8FF #D9F3FF;
}
#footer {
background: url(server_foot2.gif) #F5FCFF repeat-x left top;
border: 1px solid #D9F3FF;
border-color: #D9F3FF #88D8FF #88D8FF #D9F3FF;
height: 60px;
padding: 12px 0 0 0;
margin-top: 10px;
}
#footer p {
line-height: 20px;
margin: 0px;
padding: 0px;
text-align: center;
height: 20px;
}
.path {
font-size: 12px;
background: url(new.gif) no-repeat;
line-height: 23px;
margin: 0;
height: 23px;
padding-left: 30px;
color: #0179F1;
}
.path a:link {
color: #0179F1;
}
.path a:visited {
color: #0179F1;
}
.path a:hover {
color: #0179F1;
}
#title {
background-color: #FBFEFF;
text-align: center;
border-bottom: 1px dashed #ABE4FF;
border-left: 1px solid #88D8FF;
border-right: 1px solid #D9F3FF;
padding: 10px 0 5px 0;
}
.newsinfo {
background-color: #FBFEFF;
border-left: 1px solid #88D8FF;
border-right: 1px solid #D9F3FF;
border-bottom: 1px solid #D9F3FF;
padding: 10px;
line-height: 18px;
}
.newslists ul {
padding: 10px;
margin: 0;
list-style: none;
}
.newslists li {
background: url(dot1.gif) no-repeat 3px center;
line-height: 20px;
height: 20px;
}
label {
float: left;
margin: 0;
padding-left: 15px;
}
strong {
float: right;
font-weight: normal;
margin: 0;
padding-right:20px;
}
/*img*/
.imglists {
width:100%;
float:left;
margin:auto;
margin-top:4px;
}
.newslists label {
float: left;
margin: 0;
padding: 0 0 0 20px;
}
.imglists ul{
float:left;
margin:5px;
text-align:center;
width:100%;
overflow:hidden;
}
.siderlists .im{
margin:auto;
text-align:center;
width:125px;
height:105px;
border:1px #CCCCCC solid;
}
.siderlists .im img{
border:0px;
padding:3px;
width:122px;
height:100px;
}
.imglists li{
float:left;
width:145px;
height:145px;
text-align:center;
}
.imglists .im{
width:125px;
height:125px;
border:1px #CCCCCC solid;
}
.imglists img{
padding:3px;
width:120px;
height:120px;
border:0px;
}
.attach {
color: #00A8FF;
margin: 12px 0 0 0;
}
.attach img {
border: 1px solid #D9F3FF;
border-color: #D9F3FF #88D8FF #88D8FF #D9F3FF;
padding: 7px;
margin-top: 10px;
}
.commenttitle {
font-size: 14px;
clear:both;
position:relative;
height:18px;
font-weight: bold;
text-indent: 5px;
border-left: 6px solid #6FB4FF;
border-bottom: 1px solid #6FB4FF;
background-color: #FFF;
padding: 2px;
}
.quote {
margin: 5px 0px;
padding: 5px;
border: 1px solid #000;
background-color: #EEF9F9;
}
.commentcontent {
margin: 5px 0px 15px 0px;
}
.commentdate {
color: #777777;
font-size: 11px;
padding-top: 2px;
text-align: right;
margin-bottom: 12px;
padding-bottom: 12px;
border-bottom: 1px solid #B3CBE1;
}
/*ҳʽ*/
.page {
text-decoration: none;
font-family: sans-serif;
font-size: 12px;
padding: 5px;
background: #E7E7E7;
margin: 0px;
color:#000000
}
a.page, a.page:link, a.page:visited {
font-family: sans-serif;
text-decoration: none;
color:#0044dd;
}
a.page:hover {
font-family: sans-serif;
text-decoration: none;
color:#FFF;
background: #0000CC;
}
/* CSS */
.search { padding-bottom:-15px;
width:786px;
margin-top:-10px;
border: 1px solid #00A8FF;
margin-left: auto;
margin-right: auto;
background-color: #FBFEFF;
clear:both;
height:35px;
}
.backgroundbord BUTTON {
BORDER-RIGHT: #47BCFF 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #47BCFF 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#B4E3FE); BORDER-LEFT: #47BCFF 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #47BCFF 1px solid ;clear:both;
}
.backgroundbord {
WIDTH: 60px;
POSITION: relative;
}
.keyinput {
WIDTH:150px;
height:15px;
margin-left:2px;
BORDER: #00A8FF 1px solid;
BACKGROUND-COLOR: #fff;clear:both;
}
/* HotKeyCSS */
a.hotkey{
color:#000000;
BACKGROUND: #ffffff
text-decoration:underline;
}
a.hotkey:link{
color:#000000;
text-decoration:underline;
BACKGROUND: #ffffff
}
a.hotkey:visited{
color:#000000;
text-decoration:underline;
BACKGROUND: #ffffff
}
a.hotkey:active{
color:#000000;
text-decoration:underline;
BACKGROUND: #ffffff
}
a.hotkey:hover{
color:#0099CC;
text-decoration:underline;
BACKGROUND: #ffffff
}
/* ҳCSS */
#resultstyle {
width:786px;
margin-top:-20px;
border: 1px solid #A8D1FF;
margin-left: auto;
margin-right: auto;
background-color: #FBFEFF;
clear:both;
}
#result ul{
margin:0;
font-family: ",verdana, arial, "sans-serif;
list-style:none;
}
#result li {
width: 770px;
padding-top:3px;
padding-right:5px;
padding-bottom:3px;
display:block;
float:left;
border-bottom: 1px dashed #6FB4FF;
background:url(arrow.gif) no-repeat 5px 6px;
text-indent:18px;
}
h2 {
font-size: 12px;
padding-left: 12px;
height: 20px;
line-height: 20px;
margin: 0;
background-color: #6FB4FF;
border: 3px double #A8D1FF;
color: #FFFFFF;
}
/* 推荐*/
.tui {clear:both;width:584px;height:110px;margin:0 0 5px 0;border:1px solid #8bdaff;font-family:verdana,Arial;text-align:left;
font-size:12px;}
.tui a:link{ text-decoration:none; color:#000000;}
.tui a:hover{ text-decoration:none;}
.tui_font{float:left;width:14px;height:90px;background-color:#b5e7ff;color:#0179f1;padding:20px 3px 0 3px;}
.tui_l {float:left; width:204px; margin:auto;}
.tui_l ul{ float:left;width:204px; margin:auto;}
.tui_l li{line-height:20px; list-style-type:none;}
.tui_2 { position:absolute;float:right; width:290px;margin-left: -25px;}
.tui_2 ul{width:190px; margin:auto;}
.tui_2 li{font-size:12px;line-height:20px; list-style-type:none;}
.tui_img{float:left; width:85px;padding:5px 0 0 5px;display:block;}
#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:506px; margin:auto; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:500px; height:375px; padding:2px; border:1px solid #ccc; background:#000}
#information {position:absolute; bottom:0; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:500px}
#image img {position:absolute; z-index:25; width:500px; height:375px}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}
#slidearea img{ width:100px;height:70px;border:0px;}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}
#jj {margin-top:15px;margin-bottom:15px; height:84px; border:1px #CCCCCC solid; padding:4px;}
#jj .tt { color:#FF0000; margin-left:20px; padding-right:8px;width:140px; font-size:16px; font-weight:800;}
.txtlists{ float:right;width:450px; margin:auto; position:absolute}
.txtlists li{ height:20px; width:45%; overflow:hidden; text-align:left;background: url(jt-2.gif) no-repeat 2px center; padding-left:15px}我模板的源码 我发给你哈 谢谢这是源码
<{include file="header_index.htm"}>
<div id="main">
<div id="sider">
<{if $settings.welcommsg!=''}>
<div class="siderlists" style="word-wrap:break-word"> <{$settings.welcommsg}> </div>
<{/if}>
<!---侧栏自定模块 start-->
<{$left_model}>
<!---侧栏自定模块 end-->
</div>
<div id="contents">
<!---中间模板 start-->
<{$middle_models}>
<!---中间模板 end-->
<div class="space"></div>
</div> <div class="ads"></div>
</div>
<{$show_index_models_bottom}>
<{if $settings.tongcode!=''}><p><div style="display: <{$settings.tnone}>"><{$settings.tongcode}></div></p><{/if}>
<div style=" text-align:center"> <{$settings.copyright}></div>
<br><br>
<{if $settings.muisc_on==1 && ($muisc_index=='index' || $settings.muisc_nb==0) }>
<embed src="<{$settings.muisc_url}>" autostart="true" loop="true" hidden="true"></embed>
<{/if}>
<div style="display:none"><script src='http://' language='JavaScript' charset='gb2312'></script></div>
<{ if $settings.isqqulr=='yes' }>
<script language="javascript" type="text/javascript" src="<{$settings.site_Hostname}>js/qq.php"></script>
<{/if}>
</body>
</html>
