Code-Editor

xxxxxxxxxx
 
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
}
th, td {
  padding-top: 10px;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 40px;
}
</style>
</head>
<body>
​
<h2>Cellpadding - บน - ล่าง - ซ้าย - ขวา</h2>
<p>เราสามารถกำหนดช่องว่างทั้งสี่ด้านของข้อความได้</p>
​
<table style="width:100%">
  <tr>
    <th>ชื่อ</th>
    <th>นามสกุล</th> 
    <th>อายุ</th>
  </tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td>
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td>94</td>
  </tr>
  <tr>
    <td>John</td>
    <td>Doe</td>
    <td>80</td>
  </tr>
</table>
​
</body>
</html>
Try HTML
