styles.css
body,p{
margin:0;
padding:0;
background:#fff;
font:12px/15px tahoma;
}
td{font: 18px MircosoftYahei ;}
img{border:0; float:left;}
.flt{float:left;}
.flr{float:right;}
.clr{clear:left;}
.ds{display:inline;}
#main_block{width:1364px; text-align:left; }
#sub_block1{width:1364px; text-align:left; }
#top_block{ width:1364px; float:left; padding-top:0; background:#007A87;}
#content_block{ width:1364px;height:580px;background:#EEE; }
#login_block{ width:1364px; height:250px;float:left; background:#FFF; padding-top:50px;padding-bottom:50px; }
#showVote{width:1364px; height:500px;float:left; background:#FFF; padding-top:100px; }
#left_block{ float:left; width:420px;}
#right_block{ width:820px; float:right; margin:30px 16px 0 0;display:inline; }
#sub_block2{width:1364px;text-align:left;}
#footer_block{ width:1364px; float:left; background:#EEEEEE; padding:5px 0 20px 0;}
/*top*/
.banner_img{ background:url(../images/banner1.jpg) no-repeat left;
width:1364px;
height:222px;
float:left;}
.top_txt {
float:right ;
padding: 80px 80px;
font: 40px MircosoftYahei ;
font-weight : bold ;
color : #4cc1e8 ;
}
/*center*/
.txt{font: 20px MircosoftYahei ; font-weight : bold }
.content {
width:99%;
height:auto;
background-color:#FFFFFF;
margin:5px auto 5px auto;
}
/*footer*/
.cpy{ color:#36240C; font:16px Trebuchet MS; float:left; margin-left:500px; width:680px;}
.cpy a{ color:#000000; font:11px Trebuchet MS; }
.ftr_nv{ margin-left:220px; width:700px; float:left;}
.ftr_nv a{ color:#36240C; font: bold 12px Trebuchet MS; float:left; padding:0 13px; text-decoration:none;}
.ftr_nv span{ color:#36240C; font: bold 12px Trebuchet MS; float:left; padding:0 13px;}
.ftr_nv a:hover{ text-decoration:underline; }
main.css
.main {
width: 100%;
background-color: #FFFFFF;
height:auto;
font-family:Georgia, "Times New Roman", Times, serif;
}
.head {
width:99%;
margin:5px 1px 0 1px;
height:100px;
background-color:#F5F5F5;
}
.logo1 {
width:30%;
height:50px;
margin-left:10px;
font-size:30px;
color:blue;
font-weight:bold;
text-align:center;
}
.logo2 {
width:60%;
height:50px;
color:#1E90FF ;
font-size:18px;
text-align:left;
float:right;
}
.nav {
width:99%;
height:30px;
background-color:#3a76cf ;
margin:auto;
}
.content {
width:99%;
height:auto;
background-color:#FFFFFF;
margin:5px auto 5px auto;
}
.copyright {
width:100%;
height:80;
background-color:#F5F5F5;
font-size:12px;
color:#4169E1;
margin:5px auto auto auto;
text-align:center;
}
.font_1 {
font-size : 16px;
font-weight:bold;
}
.font_2 {
font-size : 12px;
}
.space {
background-color : #FFFFFFF;
width : 100%;
height : 150px;
}
table样式
<table width="100%" align="center">
<tr>
<td bgcolor="#FFFFFF">
<table width="99%" align="center" bgcolor="#FFFFFF" cellspacing="1">
<tr bgcolor="#EEEEEE" height="40">
<td width="5%" style="font-size:14px;font-weight:bold">书号</td>
<td width="30%" style="font-size:14px;font-weight:bold">书本名称</td>
<td width="15%" style="font-size:14px;font-weight:bold">作者</td>
<td width="15%" style="font-size:14px;font-weight:bold">出版社</td>
<td width="5%" style="font-size:14px;font-weight:bold">价格</td>
<td width="10%" style="font-size:14px;font-weight:bold">库存</td>
<td width="10%" style="font-size:14px;font-weight:bold">购买数量</td>
<td width="5%" style="font-size:14px;font-weight:bold">购买</td>
</tr>
</table>
</tr>
</table>