Comment utiliser l'attribut border : créez d'abord un exemple de fichier HTML ; puis entrez la balise p dans le corps ; enfin définissez le style de bordure en définissant "border:2px solid red;" sur l'élément p.
L'environnement d'exploitation de cet article : système Windows 7, version HTML5&&CSS3, ordinateur Dell G3.
L'attribut border est un attribut abrégé du CSS et est utilisé pour définir tous les attributs de bordure. Les propriétés de bordure qui peuvent être définies incluent : la largeur de la bordure, le style de la bordure et la couleur de la bordure.
Propriété de bordure CSS
Fonction : Définissez toutes les propriétés de bordure dans une seule instruction.
Remarque : Les attributs suivants peuvent être définis dans l'ordre : border-width, border-style, border-color. Si vous ne définissez aucune des valeurs, il n'y aura aucun problème. Par exemple, border:solid #ff0000;
Remarque : IE7 et les navigateurs antérieurs ne prennent pas en charge la valeur « hériter ». IE8 nécessite !DOCTYPE. IE9 prend en charge "l'héritage".
Exemple d'utilisation de la propriété de bordure CSS
<html>
<head>
<style type="text/css">
p
{
width: 450px;
margin: 50px 0px;
}
.p1
{
border: medium double rgb(250,0,255)
}
.p2
{
border:2px solid red;
}
.p3
{
border:2px dotted rgb(250,0,255);
}
</style>
</head>
<body>
<p class="p1">Some text</p>
<p class="p2">Some text</p>
<p class="p3">Some text</p>
</body>
</html>Rendu :
Ce qui précède est Nous espérons que l’ensemble du contenu de cet article sera utile à l’étude de chacun. Pour un contenu plus passionnant, vous pouvez prêter attention aux colonnes de didacticiels pertinentes du site Web PHP chinois ! ! !
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!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
