网店系统：CSS3创建圆角图片的方法

网店系统讯：W3C建议已经建议为boder增加几个属性选项，其中之一就是border-radius，目前这个属性已经被Firefox和Safari 3(Chrome)支持，比较遗憾的是IE不支持此属性。

HTML:

<div class="box">
<h2>This is a heading</h2>
Lorem ipsum dolor sit amet,
 consectetur adipiscing elit. Sed
vehicula ligula eu diam tincidunt
fermentum. Curabitur facilisis
enim non libero cursus eu varius
enim suscipit. Ut venenatis
vehicula lorem ut hendrerit. Ut
adipiscing augue sed ante volutpat
eget ornare erat facilisis. In hac
habitasse platea dictumst.
</div>

CSS:

.box {
        width:200px;
        height:200px;
        background-color:#EE2E24;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        }

优点：这种方法不需要添加任何多余的标记，而且可以非常方便睇修改圆角的半径，是最易上手的方法。

缺点：虽然符合网店系统W3C的标准，但缺乏浏览器支持。

  网店系统 www.wqeshop.com 转载 来源：中国站长网