div+css table表格样式
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>table</title> <style type="text/css"> .table{ width:400px; font-size:14px; font-family:"迷你简黑体"; } .tr{ width:33.3%; float:left; } .td{border:#969 solid 1px;} .td2{ border:#969 solid 1px; text-align:right; } </style> </head> <body> <div class="table"> <div class="tr"> <div class="td">消费项目</div> <div class="td">周一</div> <div class="td">周二</div> </div> <div class="tr"> <div class="td2">衣服</div> <div class="td2">241</div> <div class="td2">150</div> </div> <div class="tr"> <div class="td2">化妆品</div> <div class="td2">30</div> <div class="td2">14</div> </div> </div> </body> </html>