Круглое изображение внутри 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;
}