css - div 内的圆形图像

Question

目的是将一张图片放在div标签中，并使 Angular 图片变圆。
这是我的代码:

   <div id="round-div">
   <a href="#1"  class="cross-link active-thumb">
   <img src="<%: HelperClass.CheckImageUrlExist(Model.GetItemSpecial[0].PictureName) %>" alt="<%: Model.GetItemSpecial[0].Name %>" width="63px" height="36px" class="nav-thumb"/>
   </a>
   </div>

Answer 1

您可以将图像设置为 div 标签的背景图像，然后使用 css 属性:border-radius:10px; 这将为您四舍五入。您也可以只将属性添加到图像。

.round-div img 
{
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
}