le MEMO du WEB développeur
••• CSS •••  Liste des Mémos, astuces et bonnes pratiques

Une bordure en pointillés en CSS3 - Effet couture.

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
}

 

publié le 02/08/2012 par Memo Web
CSS3
Commenter le Mémo :

Arrondir les bords d'un élément
Rajouter du texte dans un élement via CSS
Effet ruban sur un titre en CSS 3
Foncer une image au passage de la souris
Centrer une image horizontalement
Faire appel à un fichier CSS à l'intérieur d'un autre fichier CSS
@font-face ou Comment choisir une police non standard
Dessiner un cercle sans image grâce à CSS 3
Effet carnet de notes en CSS 3 - empilement de feuilles
Lorsque le margin appliqué à un enfant déplace son parent
Ajoutez vos propres Mémos sur MEMO-WEB

Il suffit de vous créer un compte sur le site

Vous pourrez choisir un thème parmis l'une des catégories proposées par MEMO-WEB.

Rédigez votre Mémo.
Après validation par MEMO-WEB, il sera mis en ligne.
Ajouter vos Mémos