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内的圆形图像

回答

相关问题