在背景图象的边界半径

Question

是否有可能添加border-radius上background-image？

Answer 1

对的,这是可能的:

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);
}

点击这里进行演示.

Answer 2

尝试这个

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