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

Cách thiết lập chiều rộng bảng trong HTML?

Để thiết lập chiều rộng bảng trong HTML, hãy dùng thuộc tính style với thuộc tính CSS width trên thẻ <table>. HTML5 không hỗ trợ thuộc tính width của <table>, do đó phải dùng CSS.

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 chiều rộng bảng trong HTML?

Ví dụ

Chạy mã sau để thiết lập chiều rộng bảng trong HTML. Chúng ta cũng dùng <style> và style để định dạng viền bảng:

<!DOCTYPE html> <html>    <head>       <style>          th, td {             border: 1px solid black;          }       </style>    </head>    <body>       <h1>Programming Languages</h1>       <table style="width:100px; border: 1px solid black">          <tr>             <th>Language</th>             <th>Release Year</th>          </tr>          <tr>             <td>Java</td>             <td>1995</td>          </tr>          <tr>             <td>Pascal</td>             <td>1970</td>          </tr>       </table>    </body> </html>

Kết quả

Cách thiết lập chiều rộng bảng trong HTML?