html - div 内图像周围的圆 Angular

Question

我必须从数据库中获取图像以及我想要的如果我们上传没有圆 Angular 的图像并且当图像在屏幕上显示时它是圆 Angular 的。例如:

<div class="images">

<a href="#" title=""> <img src="" ....></a>

</div> 

所以这张图片应该是圆 Angular 的。我做了一些这样的 CSS:

  webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 -ms-border-radius: 3px;
 -o-border-radius: 3px; border-radius: 3px;

但这对我不起作用。拜托，有人可以帮我吗？

Answer 1

它对我来说很好用:

http://jsfiddle.net/34LCL/1/

HTML:
<div class="images">
<a href="#" title="foo"><img src="http://placekitten.com/300/200" alt="miaow" /></a>
</div>

CSS:
.images img {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    border-radius: 12px;
}