发个DIV+CSS的合页效果代码

我晕死```

我觉的论坛这个插入标签最好改一下,现在只能插一行一行的!郁闷!
直接贴出来了!



<!-- 设计Night qc1109939@163.com www.350400.cn 参考：动易table合页 -->
<!-- 调用说明：如果CSS文件想独立开来的话，请把<style>之间的代码拷贝到一个.css文件里即可 -->
<!-- web标准调用css格式 <link rel="stylesheet" type="text/css" href="文件名.css" /> -->
<!-- 请注意包含用“ " ” 而不是“ ' ” -->
<style type="text/css">
*,html,body{margin:0; padding:0;border:0;}
body{font:Arial,Verdana,Helvitica,sans-serif; color:#000; background:#fff; font-size:12px;}
.center{
margin:0 0 0 15px;
width:400px;
height:300px;
background:#F5F5F5;
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #CCCCCC;
border-left-color: #CCCCCC;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
}
.center ul{ list-style-type:none;}
.center ul li{ float:left; padding:2px;}
.menu{
    margin:15px 0 0 15px;
width:400px;
height:30px;
background:#fff;
border-top-width: 1px;
border-right-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-left-style: solid;
border-top-color: #CCCCCC;
border-right-color: #CCCCCC;
border-left-color: #CCCCCC;
}
.menu ul{ list-style-type:none;}
.menu ul li{ margin:1px 0 1px 1px;float:left; height:28px; width:78px; text-align:center; padding-top:7px;}
.menu_title{background:#ccc;}
.menu_title_on{background:#eee;}
.menu_title_on a{color:red;}
a{text-decoration:none;color:#333;}
a:active{text-decoration: none;color: #99CC00;}
</style>
<SCRIPT language=JavaScript>
var tID=0;
function ShowTabs(ID){
if(ID!=tID){
  TabTitle[tID].className="menu_title";
  TabTitle[ID].className="menu_title_on";
  Tabs[tID].style.display="none";
  Tabs[ID].style.display="";
  tID=ID;
}
}
</SCRIPT>
<div class="menu">
<ul>
  <li class="menu_title_on" id="TabTitle" οnmοuseοver="ShowTabs(0)"><a href="#">废话第一</a></li>
  <li class="menu_title" id="TabTitle" οnmοuseοver="ShowTabs(1)"><a href="#">废话第二</a></li>
  <li class="menu_title" id="TabTitle" οnmοuseοver="ShowTabs(2)"><a href="#">废话第三</a></li>
  <li class="menu_title" id="TabTitle" οnmοuseοver="ShowTabs(3)"><a href="#">废话第四</a></li>
  <li class="menu_title" id="TabTitle" οnmοuseοver="ShowTabs(4)"><a href="#">废话第五</a></li>
</ul>
</div>
<div class="center">
<ul id="Tabs" style="display:">
  <li><a href="http://www.350400.cn" target="_blank">Night博客欢迎大家的光临 </a></li>
</ul>
<ul id="Tabs" style="display: none;">
  <li>本博地址为： <a href="http://www.350400.cn" target="_blank">http://www.350400.cn</a></li>
</ul>
<ul id="Tabs" style="display: none;">
  <li><a href="http://www.350400.cn" target="_blank">博客会定期发布一些自己设计的资源 </a></li>
</ul>
<ul id="Tabs" style="display: none;">
  <li><a href="http://www.350400.cn" target="_blank">有喜欢的朋友可以留意一下 </a></li>
</ul>
<ul id="Tabs" style="display: none;">
  <li> <a href="http://www.350400.cn" target="_blank">有什么不懂的请到博客里留言！</a></li>
</ul>
</div>