CSS peut-il créer des bordures partielles sans éléments supplémentaires ?

Surmonter les limitations de longueur des bordures

Question :

Existe-t-il une méthode pour restreindre l'étendue d'une frontière ? Notamment, un

a une bordure inférieure, mais vous désirez une bordure alignée à gauche qui ne s'étend que partiellement vers le haut. Est-il possible d'accomplir cela sans introduire d'éléments supplémentaires dans la page ?

Réponse :

Le contenu généré par CSS offre une solution :

div {
  position: relative;
}

/* Main div for border to extend to 50% from bottom left corner */

div:after {
  content: "";
  background: black;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 50%;
  width: 1px;
}

<div>Lorem Ipsum</div>

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!

css restrict Length this border

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