css:
body
{
margin: 0;
padding: 0;
font-family: Verdana, sans-serif;
font-size: small;
background: #fff;
}
input, select, textarea
{
border: 1px solid #0273a5;
font-size: 12px;
}
a
{
color: #0273a5;
text-decoration: none;
}
a:visited
{
color: #069;
}
a:hover
{
color: #06f;
text-decoration: underline;
}
.top
{
width: 960px;
margin: 0 auto;
height: 60px; /*logo里上面的高度*/
border-bottom: 1px solid #0273a5;
background: #fff url(images/menu-bg.gif) repeat-x bottom;
}
.con
{
width: 960px;
margin: 0 auto;
/*background: #fff url(images/con-bg.gif) repeat-y;*/
text-align: center;
}
.foot
{
width: 960px;
clear: both;
margin: 0 auto;
padding-top: 18px; /* foot 高度*/
background: #fff url(Images/foot-bg.gif) repeat-x;
text-align: center;
}
.con1 .menu2
{
height: 24px; /* */
color: #fff;
background: #06f url(images/menu-bg-t.gif) repeat-x;
/*margin-right: 10px; /*向右移动10px*/
padding-left: 10px;
}
.reg
{
min-height: 420px; /*head 与foot间的高度*/
padding: 8px;
margin: 8px 18px 8px 0;
text-align: left;
line-height: 28px;
border: 1px solid #f0f0f0;
background: #fff url(images/reg-bg.gif) repeat-x;
}
#menu
{
padding: 0px 50px 0 0;/* */
}
#menu ul
{
float: right;
list-style: none;
margin: 2px;/* */
}
#menu ul li
{
float:right;/* */
display: block;
line-height: 20px;/* */
margin: 0 15px;/*Tab中字之间的距离 */
}
#menu ul li a:link, #menu ul li a:visited
{
font-weight: bold; /*字体变粗 */
color: #fff;
}
html:
<body>
<form id="form1" runat="server">
<div id="wrap">
<div class="top">
Logo</div>
<div class="con">
<div class="con1">
<div class="menu2">
<div id="menu">
<ul>
<li><a href="Guestbook.aspx" >客户留言</a></li>
<li><a href="Jobs.aspx" >人才招聘</a></li>
<li><a href="Customer.aspx" >客户系统</a></li>
<li><a href="Contact.aspx" >联系我们</a></li>
<li><a href="Sale_net.aspx" >工程业绩</a></li>
<li><a href="Cases.aspx" >公司证书</a></li>
<li><a href="Product.aspx" >产品展示</a></li>
<li><a href="News.aspx" >新闻中心</a></li>
<li><a href="Intro.aspx" >企业简介</a></li>
<li class="z"><a href="#" >网站首页</a></li>
</ul>
</div>
</div>
<div >
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
<div ></div>
</asp:ContentPlaceHolder>
</div>
</div>
</div>
</div>
<div class="foot">
<p >
关于信有 意见反馈 友情链接 招聘信息 联系我们
<br />
Copyright © 2008 . All rights reserved. </p>
</div>
</form>
</body>
</html>
