So erzielen Sie diesen Tabelleneffekt mit DIV+CSS_CSS/HTML

Tischeffekttabelle

<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>
[Strg+A Alle auswählen Hinweis: Wenn Sie externe Js einführen müssen, müssen Sie zum Ausführen eine Aktualisierung durchführen ]

Tabelleneffekt div+css

<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>
[Strg+A, um alle auszuwählen. Hinweis: Wenn Sie externe Js einführen müssen, müssen Sie es aktualisieren, um es auszuführen ]