表格效果table<table width="500" border="0" cellpadding="0" cellspacing="1" bgcolor="#000000"> <tr bgcolor="#FFFFFF"> <td height="50" colspan="3"> </td></tr><tr bgcolor="#FFFFFF"> <td height="50"> </td><td height="50"> </td><td height="50"> </td></tr><tr bgcolor="#FFFFFF"> <td height="50"> </td><td height="50"> </td><td height="50"> </td></tr><tr bgcolor="#FFFFFF"> <td height="50"> </td><td height="50"> </td><td height="50"> </td></tr></table>[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]表格效果div+css<!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"> <style type=text/css> #div1 { width: 450px; border-top: #000 1px solid; border-left: #000 1px solid; } #div1 ul { width: 450px; margin: 0px; } #div1 li { float: left; width: 149px; height: 50px; list-style-type: none; border-right:#000 1px solid; border-bottom: #000 1px solid; text-align: center; line-height: 50px; } </style><div id="div1"> <ul> <li style="width: 449px;">1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li><li>8</li><li>9</li><li>10</li></ul></div>[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]以上就是用DIV+CSS如何实现这种表格效果的详细内容，更多请关注0133技术站其它相关文章！
