Question

如何用css制作图片自动圆角，谢谢了！

<div class=“yj”>
<img src=“1.jpg”>
</div>
这样的形式，如何用css实现插入图片后自动显示为圆角图片呀！请帮帮忙，给出代码和解释。谢谢了！

Answer 1

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<style>标签中，输入css代码：img { border-radius: 20px}。

3、浏览器运行index.html页面，此时页面插入的图片会自动显示圆角20px的。

Answer 2

1；这个有点复杂。

2；你可以设定一个圆角的png格式图片，中间透明的那种。

3；然后让上传的图片大小和png一样。

4；然后用定位排布，让png图片在上传图片的上方，这样看起来就是圆角了。

Answer 3

如果要兼容IE的话，还是尽量用圆角的图片吧。
你也可以试试这个：ie-css3.htc，据说可以让ie用上css3的效果，我自己没试过

Answer 4

<style>
.yj img{border-radius:10px}
</style>
<div class=“yj”>
<img src=“1.jpg”>
</div>

追问

我用的ie8浏览器，代码如下：

图片

.yj img｛border-raidius：10px｝

为什么没有圆角效果呢？

追答

没看到 ie6-8 不支持圆角吗 ie9以上才支持

Answer 5

加一个div{ border-radius:10px; }

追问

怎么加呢，麻烦将我的代码和你说的合在一起，初学者，谢谢。