web-dev-qa-db-fra.com

Rayon de bordure sur l'image d'arrière-plan

Est-il possible d'ajouter border-radius sur background-image?

27
Michał Urban

Oui c'est possible:

div {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  border: none;
  width: 500px;
  height: 335px;
  background: url(http://themescompany.com/wp-content/uploads/2012/02/6402.jpg);
}

Cliquez ici pour la démo.

17
David Czinege

Essaye ça

    div {
        border: 10px solid white;
       -moz-border-radius: 10px;
       background:url(map_background_box_right.png);
        }
2
Nandu