今后输出表格之范例div表格
<!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>DIV+CSS表格效果</title> <style type="text/css"> /**div 表格*/.divTb{margin:10px;width:501px;/*100*5+1*/list-style: none;}.divTb ul,.divTb li{margin:0;padding:0;}.divTb li{float:left;border-left:1px solid #ccc;border-top:1px solid #ccc;width: 99px;/*99px内空+1px外框*/height: 33px;line-height: 33px;text-align: center;}.divTb li.r{border-right:1px solid #ccc;}.divTb li.b{border-bottom:1px solid #ccc;}/**E div 表格*/</style> </head> <body> <ul class="divTb"><li>111</li><li>112</li><li>113</li><li>114</li><li class="r">11r</li><li>111</li><li>112</li><li>113</li><li>112</li><li class="r">11r</li><li class="b">生活更美好</li> <li class="b"></li> <li class="b"></li> <li class="b"></li> <li class="b r">11</li> </ul></body> </html>