Ajouter une bordure pour encercler l'image
J'ai ajouté une case normale de l'image de mon site web et en a fait un cercle avec border-radius, puis ont essayé d'ajouter un cercle de la frontière autour de lui mais il ne semble fonctionner sur Chrome. Toutes les suggestions sur comment je peux résoudre ce problème?
.face {
display: block;
margin: auto;
border-radius: 100%;
border: 5px solid #ff675b;}
Voici une capture d'écran du problème:
https://www.dropbox.com/s/4xy26phkjgz9te0/Screen%20Shot%202013-05-01%20at%2001.15.02.png
source d'informationauteur SlightlyClever
Vous devez vous connecter pour publier un commentaire.
Voir ce JsFiddle
http://jsfiddle.net/z3rLa/1/
créer une nouvelle classe:
et ce serait votre code html:
C'est le moyen que j'utilise:
CSS:
HTML:
http://www.css3.info/preview/rounded-border/
Rayon des frontières ne fonctionne pas de la même manière dans tous les navigateurs. Vous avez besoin de différentes approches.
Le code HTML:
CSS:
Merci pour votre aide les gars! Je teste ma solution que nous parlons, et dans la mesure où il a travaillé sur Chrome & Safari sur mon Mac et mon iPhone! 😀
Essayer celui-là, il aura de l'aide pour vous.