div内的圆形图像

Question

目标是将一个图像放在div标签中，并使角图像成圆形 这是我的代码：

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