如何使用css让图片显示圆角
一般的照片都是方形的，有什么办法可以让照片在显示的时候显示成圆角呢？miya22，你这个是让背景变成角。我需要在图片上放角才能遮盖图片。还是多谢你了。...
一般的照片都是方形的，有什么办法可以让照片在显示的时候显示成圆角呢？
miya22，你这个是让背景变成角。
我需要在图片上放角才能遮盖图片。
还是多谢你了。 展开
miya22，你这个是让背景变成角。
我需要在图片上放角才能遮盖图片。
还是多谢你了。 展开
5个回答
展开全部
CSS3圆角只需设置一个属性：border-radius（含义是"边框半径"）。你为这个属性提供一个值，就能同时设置四个圆角的半径。所有合法的CSS度量值都可以使用：em、ex、pt、px、百分比等等。
代码实例：border-radius: 15px;
1、把下列代码添加进入你的<style>标签内
2、清空缓存，看看效果吧（部分IE版本可能不支持）
预览
总结
这是个很实用的方法，可以让图片看起来更「精巧」一些
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
博思aippt
2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员，对于Word文档生成PPT的操作，我们有以下建议：1. 使用另存为功能：在Word中编辑完文档后，点击文件->另存为，选择PowerPoint演示文稿（*.pptx）格式，即可将文档内容转换为PPT...
点击进入详情页
本回答由博思aippt提供
展开全部
使用css让图片显示圆角，首先需要理解，一般图片都是用一个div包裹，不一定要直接去改图片，可以去直接改包裹图片的div，圆角的话，是需要使用css3才能实现的border-radius来实现的，border-radius:5px 15px 20px 25px;顺序依次是上右下左，具体可以看下代码：<html>
<head>
<style>
#round {
padding:10px; width:300px; height:50px;
border: 5px solid #dedede;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius:15px;
}
</style>
</head>
<body>
<div id="round">
<img src='图片地址'>
</div>
</body>
</html>
<head>
<style>
#round {
padding:10px; width:300px; height:50px;
border: 5px solid #dedede;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius:15px;
}
</style>
</head>
<body>
<div id="round">
<img src='图片地址'>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
img{
-moz-border-radius:20px;
}
gecko浏览器支持
-moz-border-radius:20px;
}
gecko浏览器支持
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
都是做的圆角矩形吧 css有这功能？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
内容比较长～我就不贴出来了～
给你个网址吧。 http://www.mb5u.com/divcssjiaocheng/13833.html
给你个网址吧。 http://www.mb5u.com/divcssjiaocheng/13833.html
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
