CloseTag | الشروحات | CSS | التحكم في شكل الجداول في لغة CSS | CSS Tables

<!DOCTYPE html>
<html>
<head>
<style>
th,td
{
  border-bottom:1px solid #ddd;
  border-collapse: collapse;
  padding:5px;
  text-align:left;
}
table
{
  width: 100%;
}

</style>
</head>
<body>
<h1>CSS table horizontal dividers</h1>
<table>
  <tr>
    <th>First Name</th>
    <th>Last Name</th>
  </tr>
  <tr>
    <td>Mohamed</td>
    <td>Mostafa</td>
  </tr>
  <tr>
    <td>Ahmed</td>
    <td>Soliman</td>
  </tr>
</table>
</body>
</html>