recherche

Maison  >  Article  >  interface Web  >  Comment utiliser la propriété CSS border-bottom ?

Comment utiliser la propriété CSS border-bottom ?

青灯夜游
青灯夜游original
2019-02-20 13:46:496370parcourir

La propriété border-bottom est une propriété CSS raccourcie utilisée pour définir toutes les propriétés de bordure inférieure dans une seule instruction.

Comment utiliser la propriété CSS border-bottom ?

Propriété CSS border-bottom

Fonction : Changer la bordure inférieure Toutes les propriétés sont définies dans une seule instruction.

Syntaxe de base : 

border-bottom：width style color;

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

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

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

Remarque : Si vous ne définissez aucune des valeurs, il n'y aura aucun problème. Par exemple, border-bottom:solid #ff0000;

Exemple d'utilisation de l'attribut CSS border-bottom

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
<style>
p 
{
border-style:solid;
border-bottom:thick dotted #ff0000;
}
</style>
</head>
<body>
<p>段落中的一些文本。</p>
</body>
</html>

Rendu :

Comment utiliser la propriété CSS border-bottom ?

Ce qui précède représente l'intégralité du contenu de cet article, j'espère qu'il sera utile à l'étude de chacun.

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
Article précédent：Comment utiliser la propriété d'apparence CSS3 ?Article suivant：Comment utiliser la propriété d'apparence CSS3 ?

Articles Liés

Voir plus