Comment définir le remplissage des cellules en HTML ?-tutoriel HTML-php.cn

Comment définir le remplissage des cellules en HTML ?

王林

Libérer： 2023-08-20 17:17:25

avant

3771 Les gens l'ont consulté

Comment définir le remplissage des cellules en HTML ?

Nous utilisons des attributs de style en ligne pour définir le remplissage des cellules en HTML. Le remplissage des cellules est l'espace entre les bordures des cellules d'un tableau et le contenu de la cellule. L'attribut style est utilisé dans la balise HTML

, en utilisant le remplissage de l'attribut CSS et en spécifiant la valeur du pixel.

Syntaxe

Voici la syntaxe pour définir le remplissage des cellules en HTML.

<th style="padding: 40px">table header </th>

Copier après la connexion

La traduction chinoise de

Exemple

est :

Exemple

Voici un exemple de programme pour définir le remplissage des cellules en HTML

<!DOCTYPE html>
<html>
<head>
   <style>
      table, th, td {
         border: 1px solid black;
      }
   </style>
</head>
<body>
   <h1>Programming Language</h1>
   <table>
      <tr>
         <th style="padding:10px">Language</th>
      </tr>
      <tr>
         <td style="padding:10px">Ruby</td>
      </tr>
   </table>
</body>
</html>

Copier après la connexion

La traduction chinoise de

Exemple

est :

Exemple

Ce qui suit est un autre exemple de programme permettant de définir le remplissage 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 style="padding: 40px">Name </th>
         <th>Job role</th>
      </tr>
      <tr>
         <td>Tharun</td>
         <td style="padding: 10px">Content writer</td>
      </tr>
      <tr>
         <td>Akshaj</td>
         <td style="padding: 10px">Content writer</td>
      </tr>
   </table>
</body>
</html>

Copier après la connexion

La traduction chinoise de

Exemple

est :

Exemple

Voici un autre exemple de programme pour définir le remplissage des cellules en HTML

<!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>
   <table style="width:60%">
      <tr>
         <th>Firstname</th>
         <th>Lastname</th>
         <th>salary</th>
      </tr>
      <tr>
         <td>John</td>
         <td>Smith</td>
         <td>50,000</td>
      </tr>
      <tr>
         <td>Eva</td>
         <td>Jackson</td>
         <td>94,000</td>
      </tr>
      <tr>
         <td>Mike</td>
         <td>Doe</td>
         <td>80,000</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!