大气的表格css

来源：互联网发布：中科大软件工程硕士编辑：程序博客网时间：2024/04/27 14:13

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>表格设计</title><mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1">*{margin:0; padding:0;}body{ margin:10px; padding:0; font-size:12px;background: #fff;text-align:left;}table{width:100%;border-collapse: collapse;border: 2px solid #ADBBCA;color: #4F6480;}thead th{border: 2px solid #ADBBCA;color: #fff;background: #5E7796;}tfoot td{background: #fff;}tbody th{border: 2px solid #ADBBCA;}tbody td{background: #E9ECEE;}th,td{ padding:2px 5px}</style></head><body><table> <thead> <tr> <th width="2%"><input name="checkbox" type="checkbox"/></th> <th width="26%">行业</th> <th width="36%" >企业年固定经营成本(元)</th> <th width="36%" >查看付费信息收费标准(元)</th> </tr> </thead> <tbody> <tr> <td ><input name="checkbox" type="checkbox"/></td> <td >汽车</td> <td>3000000.00</td> <td>30000.00</td> </tr> <tr> <th><input name="checkbox2" type="checkbox"/></th> <th>手机</th> <th>1000000.00</th> <th>10000.00</th> </tr> <tr> <td ><input name="checkbox" type="checkbox"/></td> <td >汽车</td> <td>3000000.00</td> <td>30000.00</td> </tr> <tr> <th><input name="checkbox2" type="checkbox"/></th> <th>手机</th> <th>1000000.00</th> <th>10000.00</th> </tr> <tr> <td ><input name="checkbox" type="checkbox"/></td> <td >汽车</td> <td>3000000.00</td> <td>30000.00</td> </tr> <tr> <th><input name="checkbox2" type="checkbox"/></th> <th>手机</th> <th>1000000.00</th> <th>10000.00</th> </tr> <tr> <td ><input name="checkbox" type="checkbox"/></td> <td >汽车</td> <td>3000000.00</td> <td>30000.00</td> </tr> <tr> <th><input name="checkbox2" type="checkbox"/></th> <th>手机</th> <th>1000000.00</th> <th>10000.00</th> </tr> <tr> <td ><input name="checkbox" type="checkbox"/></td> <td >汽车</td> <td>3000000.00</td> <td>30000.00</td> </tr> <tr> <th></th> <th></th> <th></th> <th></th> </tr> </tbody> <tfoot> <tr> <td colspan="4">DESIGNER：SHAOHUA162001</td> </tr> </tfoot></table></body></html>