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