คือเราใช้โค้ด css  แบบนี้สร้างตารางนะคะ ผลที่ได้ตามรูป

<style type="text/css">

ul.showInColumn{

    display:block;float:left;

    list-style:none;

    padding:0;margin:0;

    width:665px;
text-align: center;
    background-color:#808080;

    border:10px solid #66cc00;  /* เทียบใกล้เคียงกับการกำหนด  ของ table  */    

    padding:2px 0 2px 2px;

}

ul.showInColumn li{

    list-style:none;

    display:block;float:left;
    

    background-color:#ffff66;

    margin:2px;  /* เทียบใกล้เคียงกับการกำหนด  cellspacing"  ของ table  */

    margin-left:6px;
padding:3px; /* เทียบใกล้เคียงกับการกำหนด  cellpadding  ของ table  */

    border:1px solid #808080;  /* เทียบใกล้เคียงกับการกำหนด border ใน td ของ table  */

    width:34px; /*  กำหนดความกว้างของแต่ละคอลัมน์  */
height:34px;
}
a:link{
     background-color:#339900;
     width:24px;
     height:24px;
}
a:hover{
     background-color:#ff0099;
     width:24px;
     height:24px;
}
a:active{
     background-color:#666699;
     width:24px;
     height:24px;
}
a:link {text-decoration:none;}
}
BODY { COLOR: #006666;
}
</style>
<ul class="showInColumn">

<li ><a href="#">1</a></li>
<li ><a href="#">2</a></li>
<li ><a href="#">3</a></li>
<li ><a href="#">4</a></li>
<li ><a href="#">5</a></li>
<li ><a href="#">6</a></li>

<li ><a href="#">7</a></li>

<li ><a href="#">8</a></li>

<li ><a href="#">9</a></li>

<li ><a href="#">10</a></li>
</ul>
คือถ้าเราต้องการตาราง 100 ช่อง เราก็ต้องใส่แท๊ก <li></li> ไปร้อยครั้งเลย

คือเราไปเจอการใช้แบบนี้คือแสดงเลข 1-100
<?php
for ($i=1; $i<=100; $i++)
  {
echo "" . $i . "<br>";
  }
?>

เราจะเอามาปรับใช้ให้เป็นตารางแบบในรูปยังไงหรอคะ เราจะได้ไม่ต้อง ทำ <li></li> เป็นร้อยๆอัน
เราคิดไม่ออกเลยค่ะว่าจะทำยังไง โค้ดเราก็เขียนได้แบบงูๆปลาๆ รบกวนช่วยด้วยนะคะ ขอบคุณมากๆเลยค่ะ