Computer >> Máy Tính >  >> Lập trình >> HTML

Làm cách nào để chúng tôi hiển thị độ dày của đường viền của một phần tử trong HTML?


Sử dụng border trong HTML để hiển thị độ dày của đường viền.

Lưu ý - Thuộc tính này không được hỗ trợ trong HTML5.

Ví dụ

Bạn có thể thử chạy đoạn mã sau để tìm hiểu cách triển khai thuộc tính border trong HTML -

<!DOCTYPE html>
<html>
   <body>
      <h2>Cricketers</h2>
      <table style="width:100%" border="1">
         <th>Name</th>
         <tr>
            <td>Sachin Tendulkar</td>
         </tr>
         <tr>
            <td>Virat Kohli</td>
         </tr>
      </table>
   </body>
</html>

Sử dụng CSS thay thế, vì đường viền thuộc tính không được chấp nhận trong HTML5.

<!DOCTYPE html>
<html>
   <head>
      <style>
         table, th, td {
            border: 1px solid black;
         }
      </style>
   </head>
   <body>
      <h2>Cricketers</h2>
      <table style="width:100%">
         <caption>Indian Cricketers</caption>
         <th>Name</th>
         <tr>
            <td>Sachin Tendulkar</td>
         </tr>
         <tr>
            <td>Virat Kohli</td>
         </tr>
      </table>
   </body>
</html>