Maison >interface Web >tutoriel HTML >Comment afficher l'épaisseur de la bordure d'un élément en HTML ?

Comment afficher l'épaisseur de la bordure d'un élément en HTML ?

王林
王林avant
2023-09-07 21:33:07986parcourir

Comment afficher lépaisseur de la bordure dun élément en HTML ?

Utilisez l'attribut border en HTML pour afficher l'épaisseur de la bordure.

Remarque - HTML5 ne prend pas en charge cet attribut.

Exemple

Vous pouvez essayer d'exécuter le code suivant pour comprendre comment implémenter l'attribut border en 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>

Veuillez utiliser CSS car l'attribut border est obsolète en 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>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer