圆角主要是通过border-radius 来实现：
border-radius 属性是一个简写属性，用于设置四个 border-*-radius 属性。
提示：该属性允许为元素添加圆角边框。
简单的例子，仅供参考：
<style>.box {margin:100 auto width:200px height:200px position:relative}
.shadow {width: 200px height:200px background:#ccc border-radius:10px}
.xxx {width:150px height:150px background:red position:absolute}
</style>
<body>
<div class="box">
<div class="shadow"></div>
<div class="xxx"></div>
</div>
</body>
CSS3圆角只需设置一个属性：border-radius（含义是"边框半径"）。你为这个属性提供一个值，就能同时设置四个圆角的半径。所有合法的CSS度量值都可以使用：em、ex、pt、px、百分比等等。
代码实例：border-radius: 15px
1、把下列代码添加进入你的<style>标签内
2、清空缓存，看看效果吧（部分IE版本可能不支持）
预览
总结
这是个很实用的方法，可以让图片看起来更「精巧」一些
DIV设置圆角，背景是不是圆角根本就不用去考虑了，因为DIV圆角的那个部分包括背景是不显示，如果你的DIV设置了圆角，在浏览器里查看还是直角，那是因为圆角代码border-radius:5px这个是不兼容IE6、IE7、IE8的，其他浏览器都能显示正常
