Bordure de DIV avec couleur différente sur la fin

Bordure de DIV avec couleur différente sur la fin - HTML/CSS - Programmation

Marsh Posté le 25-06-2019 à 22:05:47    

Bonjour à toutes et tous,
 
Voici ce que j'essaie de faire en CSS, une bordure de DIV avec une couleur de fin différente. Une bordure grise avec une fin de couleur bleue par exemple.
 
Exemple (cliquer sur la miniature) :
 
https://i.ibb.co/PFXYDF8/ligne-css.png
 
Je ne vois pas trop comment faire, deux DIV l'une sur l'autre avec couleur de bordure différente ?
 
Merci pour votre aide
 
:)

Reply

Marsh Posté le 25-06-2019 à 22:05:47   

Reply

Marsh Posté le 26-06-2019 à 10:23:07    

Si ta div a une taille fixe, tu peux utiliser une image en background.


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 26-06-2019 à 10:40:45    

tu peux même faire des gradient en bordure : https://css-tricks.com/gradient-borders-in-css/


---------------

Reply

Marsh Posté le 26-06-2019 à 12:00:10    

Avec un pseudo élément ?
https://codepen.io/anon/pen/EBwVJL

Reply

Marsh Posté le 26-06-2019 à 18:11:11    

Bonsoir,
 
Merci pour vos réponses,
 
je n'avais pas précisé, c'est pour mettre dans une signature d'email en HTML, donc je vais utiliser la solution image qui sera plus simple, sinon pas grave. Bonne idée le dégradé, je garde sous le coude.
 
Merci à vous 3  :)  
 
Bonne soirée.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed