Une association entre les propriétés border:dashed, qui dessinent les bordures en pointillés et box-shadow avec une couleur identique à celle du background, permet d'obtenir un effet intéressant en faisant apparaitre une marge à l'extérieur de la bordure du div.
Code HTML :
<div id="bord_pointille"></div>
Code CSS :
#bord_pointille{ width:100px; height:100px; background:#bfd70e; border:dashed 3px #679403; border-radius:5px; box-shadow:0 0 0 5px #bfd70e; margin-auto }
Laisser un commentaire
Participez-vous à la discussion?N'hésitez pas à contribuer!