Forum : Border de longueur définie

Bonjour à tous,

Je voulais savoir comment faire un border sur un div où le border-top n'est pas sur toute la longueur, mais sur seulement 50% de la longueur de la div.

Merci à tous pour votre aide.

1 réponse

Arzou

Salut !
Il ne faut pas faire un border, il faut te servir des pseudo element :after ou :before.
En gros tu as ton div en position relative, et tu lui rajoute un :before, et c'est lui que tu cale comme un border.
Petit exemple :


div {
  position:relative;

}
div:before {
  content: "";
  position: absolute;
  height: 2px;
  width: 50%;
  background: salmon;
  left:50%;
  top:0;
  transform: translateX(-50%);
}