Border de longueur définie

Par fmelkorssss, il y a 4 ans

Les bases HTML/CSS

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,

il y a 4 ans

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