div內的圓形圖像

其目標是將一個圖像放在div標籤中，並使角圖像變圓。
這裏是我的代碼：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>

來源

2011-10-07 Nothing

首先，你應該回去接受你以前的問題的答案。其次，這似乎並沒有試圖繞過任何角落。你有什麼試過，你的CSS是什麼？這些信息對於回答您的問題是必要的。 –

你可以讓圖像是div標籤的背景圖像，然後使用CSS屬性：border-radius:10px;這將磨圓給你。您也可以將該屬性添加到圖像中。

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

來源

2011-10-07 02:12:53 brenjt

div內的圓形圖像

回答

相關問題