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>