Bagaimana untuk menetapkan padding sel dalam HTML?-html tutorial-php.cn

Bagaimana untuk menetapkan padding sel dalam HTML?

王林

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

ke hadapan

3730 orang telah melayarinya

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>

Salin selepas log masuk

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>

Salin selepas log masuk

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>

Salin selepas log masuk

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>

Salin selepas log masuk

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