Wie stelle ich den Zellenabstand in HTML ein?-HTML-Tutorial-php.cn

Wie stelle ich den Zellenabstand in HTML ein?

王林

Freigeben： 2023-08-20 17:17:25

nach vorne

3800 Leute haben es durchsucht

Wie stelle ich den Zellenabstand in HTML ein?

Wir verwenden Inline-Stilattribute, um den Zellenabstand in HTML festzulegen. Der Zellabstand ist der Abstand zwischen den Zellrändern einer Tabelle und dem Inhalt innerhalb der Zelle. Das style-Attribut wird innerhalb des HTML-Tags

verwendet, wobei das CSS-Attribut padding verwendet und der Pixelwert angegeben wird.

Syntax

Im Folgenden finden Sie die Syntax zum Festlegen des Zellenabstands in HTML.

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

Nach dem Login kopieren

Die chinesische Übersetzung von

Beispiel

lautet:

Beispiel

Im Folgenden finden Sie ein Beispielprogramm zum Festlegen des Zellenabstands in 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>

Nach dem Login kopieren

Die chinesische Übersetzung von

Beispiel

lautet:

Beispiel

Das Folgende ist ein weiteres Beispielprogramm zum Festlegen des Zellenabstands in 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>

Nach dem Login kopieren

Die chinesische Übersetzung von

Beispiel

lautet:

Beispiel

Im Folgenden finden Sie ein weiteres Beispielprogramm zum Festlegen des Zellenabstands in 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>

Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonWie stelle ich den Zellenabstand in HTML ein?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!