28106 sujets

CSS et mise en forme, CSS3

Bonjour,

Plutôt qu'un simple filet, je voulais mettre une image un peu plus travaillée en tant que border-top d'un footer. Je découvre la propriété border-image mais elle n'a pas l'air simple à utiliser et surtout pas vu comment ne faire que le top.
Comment faites-vous ça ? un border-image ou un élément before: dans le footer ? (c'est un site WordPress donc le footer est géré via des widgets en colonne mais j'ai un #footer...)

Merci pour votre aide et bon aprèm !
Marine
Modérateur
Il y a un outil qui peut t'aider : ici https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Background_and_Borders/Border-image_generator avec sa page descriptive de la fonction border-image ce qui t'aidera à comprendre le code générer. https://developer.mozilla.org/fr/docs/Web/CSS/border-image .

par exemple avec ton image postée ici cela pourrait-être :
border-image-slice: 43 0 0 0;
border-image-width: 20px 20px 20px 20px;
border-image-outset: 0px 0px 0px 0px;
border-image-repeat: repeat repeat;
border-image-source: url("https://forum.alsacreations.com/upload/1601306884-50580-capture.jpg"); 

Modifié par gcyrillus (28 Sep 2020 - 20:06)
Meilleure solution