如何让一段网页代码 居中对齐 在线等 着急啊！！！！！

<style type="text/css">
* {
margin:0;
padding:0;
}
body {
font-family:Arial, Verdana, Helvetica, sans-serif;
font-family:"雅黑宋体", "微软雅黑", "新宋体", "宋体";
font-size:1em;
font-size:17px;
color:#FFF;
background:#050505;
text-align:left;
}
a {
color:#FFF;
text-decoration:none;
}
ul {
list-style:none;
}
#webmenu {
height:37px;
background:#333;
font-size:1.3em;
text-align:center;
}
#webmenu a {
font-size:0.65em;
}
#webmenu li ul {
display:none;
}
#webmenu li ul li {
float:none;
}
*html #webmenu li ul li {
display:inline;
}
#webmenu li ul a {
float:none;
height:32px;
line-height:32px;
padding:0 10px;
text-transform:capitalize;
}
#webmenu .height-auto {
line-height:15px;
padding:5px 10px;
}
.second-menu, .third-menu, .fourth-menu {
position:absolute;
}
.first-menu li {
float:left;
position:relative;
}
.first-menu a {
float:left;
display:block;
padding:0 20px;
height:35px;
line-height:35px;
background:#333;
border-top:1px solid #4a4a4a;
border-left:1px solid #4a4a4a;
border-bottom:1px solid #242424;
border-right:1px solid #242424;
font-size:.7em;
}
.first-menu a:hover {
background:#4698ca;
border-top:1px solid #5db1e0;
border-left:1px solid #5db1e0;
}
.second-menu {
top:37px;
right:0;
}
*html .second-menu {
right:-1px;
}
.second-menu a {
font-size:11px;
}
.second-menu a.arrow {
background:#3a3a3a url(image/arrow.gif) no-repeat right top;
}
.second-menu a.arrow:hover {
background:#4698ca url(image/arrow.gif) no-repeat right -32px;
}
.second-menu a.arrow-02 {
background:#3a3a3a url(image/arrow.gif) no-repeat right -64px;
}
.second-menu a.arrow-02:hover {
background:#4698ca url(image/arrow.gif) no-repeat right -110px;
}
.third-menu, .fourth-menu {
width:177px;
top:0;
left:177px;
}
.third-menu a {
background:#4c4c4c;
font-weight:normal;
border-top:1px solid #595959;
border-left:1px solid #595959;
border-bottom:1px solid #333;
border-right:1px solid #333;
}
#subMgm {
width:177px;
}
#subMgm .third-menu {
left:177px;
}
#subMgm .fourth-menu {
left:177px;
}
#subMusic, #subNews {
width:177px;
}

</style>

把
#head_1 a{background:url(images/head_01.gif) no-repeat;}
#head_1 a:hover{background: url(images/head_01_02.gif) no-repeat;}
不用ID控制 改为类
比如 .head_1{background:url(images/head_01.gif) no-repeat;}
.head_2{background: url(images/head_01_02.gif) no-repeat;}

将div id="head_1" 中id改为类class或者添加类class="head_1"
最后加上内嵌JavaScript代码 onmouseover="this.className='head_2' " onmouseout="this.className='head_1' "

body { text-align:center; margin:0 auto }

你把整个body放进一个box中，相当于最外面一个大的DIV套住BODY，然后css里面设置成.box{ margin：auto； } 这样整个页面就居中了

通过dreamweaver或者一些编程软件，甚至用word文档都可以让你那段代码居中对齐的。

这里的body把margin与padding设置为0，这样就把body内容与浏览器边缘亲密接触。然后text-align:center 把body的内容全部居中，这样就包括了#container也一起居中了

<div style="text-align:center">居中内容</div>单靠居中。 如果多行居中相对复杂些，有浏览器兼容问题，可以google下div 多行居中