Maison  >  Article  >  interface Web  >  Comment ajouter des bordures en CSS

Comment ajouter des bordures en CSS

藏色散人
藏色散人original
2021-05-14 10:13:565711parcourir

En CSS, vous pouvez définir la bordure via l'attribut border. La syntaxe de configuration de cet attribut est telle que "border: medium double rgb(250, 0, 255)".

Comment ajouter des bordures en CSS

L'environnement d'exploitation de cet article : système Windows 7, version HTML5&&CSS3, ordinateur Dell G3.

En CSS, vous pouvez définir l'attribut border pour définir la bordure. border est une propriété raccourcie qui peut définir toutes les propriétés de bordure dans une seule instruction. Vous pouvez les définir par ordre de largeur de bordure, de style de bordure et de couleur de bordure, ou vous pouvez définir ces attributs individuellement.

Valeur de l'attribut border :

border-width : Spécifie la largeur de la bordure.

border-style : Spécifie le style de la bordure.

border-color : Spécifie la couleur de la bordure.

Exemple :

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
p {
border: medium double rgb(250, 0, 255)
}
</style>
</head>
<body>
<p>Some text</p>
</body>
</html>

Rendu :

Comment ajouter des bordures en CSS

Introduction à l'attribut Border :

attribut border-width :

La propriété raccourcie border-width définit la largeur de toutes les bordures d'un élément, ou définit la largeur de chaque bordure individuellement.

Fonctionne uniquement si le style de bordure n'est pas nul. Si le style de bordure n'est aucun, la largeur de la bordure est en fait réinitialisée à 0. Les valeurs de longueur négatives ne sont pas autorisées.

attribut border-style :

l'attribut border-style est utilisé pour définir le style de toutes les bordures d'un élément, ou pour définir le style de bordure pour chaque côté individuellement.

La bordure peut apparaître uniquement si cette valeur n'est pas nulle.

valeur border-style :

Comment ajouter des bordures en CSS

attribut border-color :

l'attribut border-color définit la couleur des quatre bordures. Cette propriété peut définir de 1 à 4 couleurs.

L'attribut border-color est un attribut raccourci qui peut définir la couleur des parties visibles de toutes les bordures d'un élément, ou définir des couleurs différentes pour chacun des 4 côtés.

Apprentissage recommandé : "Tutoriel vidéo CSS"

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:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn