Comment définir la largeur et la hauteur des cellules en HTML ?-tutoriel HTML-php.cn

Comment définir la largeur et la hauteur des cellules en HTML ?

WBOY

Libérer： 2023-09-03 22:25:02

avant

2766 Les gens l'ont consulté

Comment définir la largeur et la hauteur des cellules en HTML ?

Nous utilisons des styles CSS en ligne pour définir la largeur et la hauteur des cellules.

Les éléments de style HTML contiennent des attributs de largeur et de hauteur. Pour définir la largeur et la hauteur d'une cellule, nous devons placer ces propriétés à l'intérieur de la balise

avec la valeur et les pixels spécifiés.

Grammaire

Voici la syntaxe permettant de définir la largeur et la hauteur des cellules en HTML.

<td style="width: 20px;height: 40px">content</td>

Copier après la connexion

Exemple

Ce qui suit est un exemple de programme pour définir la largeur et la hauteur des cellules en HTML.

<!DOCTYPE html>
<html>
   <style>
      table,tr,th,td {
         border:1px solid black;
      }
   </style>
<body>
   <h2>Tables in HTML</h2>
   <table style="width: 100%">
      <tr>
         <th >Name </th>
         <th>Job role</th>
      </tr>
      <tr>
         <td style="width: 20px;height: 40px">Tharun</td>
         <td >Content writer</td>
      </tr>
      <tr>
         <td>Akshaj</td>
         <td >Content writer</td>
      </tr>
   </table>
</body>
</html>

Copier après la connexion

Dans l'exemple ci-dessus, nous essayons de définir la largeur et la hauteur des cellules de la première ligne du tableau.

Exemple

Ce qui suit est un exemple de programme pour définir la largeur et la hauteur des cellules en HTML.

<!DOCTYPE html>
<html>
   <style>
      table,tr,th,td {
         border:1px solid black;
      }
   </style>
<body>
   <h2>Tables in HTML</h2>
   <table style="width: 100%">
      <tr>
         <th >Name </th>
         <th>Job role</th>
      </tr>
      <tr>
         <td style="width: 20px;height: 40px">Tharun</td>
         <td >Content writer</td>
      </tr>
      <tr>
         <td style="width: 20px;height: 40px" >Akshaj</td>
         <td >Content writer</td>
      </tr>
   </table>
</body>
</html>

Copier après la connexion

Dans l'exemple ci-dessus, nous essayons de définir la largeur et la hauteur de toutes les premières cellules de ligne du tableau.

Exemple

Ce qui suit est un exemple de programme pour définir la largeur et la hauteur des cellules en HTML.

<!DOCTYPE html>
<html>
   <style>
      table,tr,th,td {
         border:1px solid black;
      }
   </style>
<body>
   <h2>Tables in HTML</h2>
   <table style="width: 100%">
      <tr>
         <th>Name </th>
         <th>Job role</th>
      </tr>
      <tr>
         <td style="width: 20px;height: 40px">Tharun</td>
         <td style="width: 20px;height: 40px">Content writer</td>
      </tr>
      <tr>
         <td style="width: 20px;height: 40px" >Akshaj</td> 
         <td style="width: 20px;height: 40px">Content writer</td>
      </tr>
   </table>
</body>
</html>

Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!