大气的表格css

灰太狼 2022-07-13 09:57 125阅读 0赞

<!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>