Maison > interface Web > tutoriel CSS > Comment ajouter une bordure inférieure à une image en CSS

Comment ajouter une bordure inférieure à une image en CSS

王林
Libérer: 2020-11-13 17:48:08
original
3460 Les gens l'ont consulté

Comment ajouter des bordures inférieures aux images avec CSS : Vous pouvez utiliser l'attribut border-top et l'attribut border-bottom pour ajouter des bordures supérieures et inférieures, telles que [border-bottom:thick dotted;border-top : double épais ;].

Comment ajouter une bordure inférieure à une image en CSS

l'attribut raccourci border-bottom définit tous les attributs de la bordure inférieure en une seule instruction.

(Partage vidéo d'apprentissage : tutoriel vidéo CSS)

  • 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.

Exemple :

p
  {
  border-style:solid;  
  border-bottom:thick dotted #ff0000;
  }
Copier après la connexion

l'attribut raccourci border-top définit tous les attributs de la bordure supérieure dans une seule instruction.

  • border-top-width spécifie la largeur de la bordure supérieure.

  • border-top-style spécifie le style de la bordure supérieure.

  • border-top-color spécifie la couleur de la bordure supérieure.

Exemple :

p
{
border-style:solid;
border-top:thick double #ff0000;
}
Copier après la connexion

Recommandations associées : Tutoriel 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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal