Maison >interface Web >tutoriel HTML >Comment définir le remplissage des cellules en HTML ?

Comment définir le remplissage des cellules en HTML ?

王林
王林avant
2023-08-20 17:17:253801parcourir

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>
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>
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>
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>

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!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer