Wie stelle ich Zellenbreite und -höhe in HTML ein?-HTML-Tutorial-php.cn

Wie stelle ich Zellenbreite und -höhe in HTML ein?

WBOY

Freigeben： 2023-09-03 22:25:02

nach vorne

2752 Leute haben es durchsucht

Wie stelle ich Zellenbreite und -höhe in HTML ein?

Wir verwenden Inline-CSS-Stile, um die Breite und Höhe der Zellen festzulegen.

HTML-Stilelemente enthalten Breiten- und Höhenattribute. Um die Breite und Höhe einer Zelle festzulegen, sollten wir diese Eigenschaften mit dem angegebenen Wert und den angegebenen Pixeln innerhalb des

-Tags platzieren.

Grammatik

Das Folgende ist die Syntax zum Festlegen der Zellenbreite und -höhe in HTML.

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

Nach dem Login kopieren

Beispiel

Das Folgende ist ein Beispielprogramm zum Festlegen von Zellenbreite und -höhe 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 >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>

Nach dem Login kopieren

Im obigen Beispiel versuchen wir, die Breite und Höhe der Zellen in der ersten Zeile der Tabelle festzulegen.

Beispiel

Das Folgende ist ein Beispielprogramm zum Festlegen von Zellenbreite und -höhe 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 >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>

Nach dem Login kopieren

Im obigen Beispiel versuchen wir, die Breite und Höhe aller ersten Zeilenzellen der Tabelle festzulegen.

Beispiel

Das Folgende ist ein Beispielprogramm zum Festlegen von Zellenbreite und -höhe 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>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>

Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonWie stelle ich Zellenbreite und -höhe in HTML ein?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!