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

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

王林
王林original
2020-11-13 17:48:083409parcourir

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;
  }

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;
}

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!

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