div+CSS怎样做这样的效果，圆圈里放个图片
2个回答
展开全部
css3的方法：
用css3的新属性border-radius（圆角）实现。具体代码如下：
<img src="图片路径" style="border-radius:50%;"/>
普通方法：
将圆圈制作成一个图片，外部非透明，内部透明的png格式。然后用定位的方式将这个png图片覆盖到原图片的上面，具体代码如下：
<style>
a{
position:relative;
width:50px;
height:50px;
display:block;
}
a em{
width:50px;
height:50px;
display:block;
position:absolute;
left:0;
top:0;
}
</style>
<a href="">
<img src="图片路径" width="50" height="50" />
<em></em>
</a>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
可以通过css3实现,代码如下
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>圆内图片</title>
<style>
body{ background:#999;}
img{ margin:100px; padding:0; width:80px; height:80px;
-moz-border-radius:40px;
-ms-border-radius:40px;
-o-border-radius:40px;
-webkit-border-radius:40px;
border-radius:40px;
}
</style>
</head>
<body>
<img src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/iknow/avarta/66/r7s1g6.gif" />
</body>
</html>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
