Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk menetapkan padding sel dalam HTML?

Bagaimana untuk menetapkan padding sel dalam HTML?

王林
王林ke hadapan
2023-08-20 17:17:253731semak imbas

Bagaimana untuk menetapkan padding sel dalam HTML?

Kami menggunakan atribut gaya sebaris untuk menetapkan padding sel dalam HTML. Pelapik sel ialah ruang antara sempadan sel jadual dan kandungan dalam sel. Atribut gaya digunakan dalam teg

HTML, menggunakan padding atribut CSS dan menentukan nilai piksel.

Sintaks

Berikut ialah sintaks untuk menetapkan padding sel dalam HTML.

<th style="padding: 40px">table header </th>
Terjemahan bahasa Cina bagi

Contoh

ialah:

Contoh

Berikut ialah program contoh untuk menetapkan padding sel dalam 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>
Terjemahan bahasa Cina bagi

Contoh

ialah:

Contoh

Berikut ialah satu lagi contoh program untuk menetapkan padding 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 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>
Terjemahan bahasa Cina bagi

Contoh

ialah:

Contoh

Berikut ialah satu lagi contoh program untuk menetapkan padding sel dalam 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>

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

Kenyataan:
Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam