Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> HTML

Cách thiết lập đệm ô (cell padding) trong HTML?

Cell padding (đệm ô) là khoảng cách giữa đường viền ô và nội dung bên trong ô. Để thiết lập cell padding trong HTML, hãy sử dụng thuộc tính style với thuộc tính CSS padding trên thẻ <table>.

HTML5 không hỗ trợ thuộc tính cellpadding của <table>, do đó phải dùng CSS padding kết hợp với style.

Lưu ý: Thuộc tính style sẽ ghi đè bất kỳ kiểu toàn cục nào (trong <style> hoặc file CSS bên ngoài).

Cách thiết lập đệm ô (cell padding) trong HTML?

Ví dụ

Chạy mã sau để thiết lập cell padding trong HTML. Chúng ta cũng dùng <style> và style để định dạng bảng:

<!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>

Kết quả

Cách thiết lập đệm ô (cell padding) trong HTML?