Bagaimana untuk menetapkan lebar dan ketinggian sel dalam HTML?-html tutorial-php.cn

Bagaimana untuk menetapkan lebar dan ketinggian sel dalam HTML?

WBOY

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

ke hadapan

2751 orang telah melayarinya

Bagaimana untuk menetapkan lebar dan ketinggian sel dalam HTML?

Kami menggunakan gaya CSS sebaris untuk menetapkan lebar dan ketinggian sel.

Elemen gaya HTML mengandungi atribut lebar dan ketinggian. Untuk menetapkan lebar dan ketinggian sel, kita harus meletakkan sifat ini di dalam teg

dengan nilai dan piksel yang ditentukan.

Tatabahasa

Berikut ialah sintaks untuk menetapkan lebar dan ketinggian sel dalam HTML.

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

Salin selepas log masuk

Contoh

Berikut ialah contoh program untuk menetapkan lebar dan ketinggian sel dalam 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>

Salin selepas log masuk

Dalam contoh di atas, kami cuba menetapkan lebar dan ketinggian sel dalam baris pertama jadual.

Contoh

Berikut ialah contoh program untuk menetapkan lebar dan ketinggian sel dalam 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>

Salin selepas log masuk

Dalam contoh di atas, kami cuba menetapkan lebar dan ketinggian semua sel baris pertama jadual.

Contoh

Berikut ialah contoh program untuk menetapkan lebar dan ketinggian sel dalam 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>

Salin selepas log masuk

Atas ialah kandungan terperinci Bagaimana untuk menetapkan lebar dan ketinggian sel dalam HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!