html圆角周角代码,CSS3实现DIV圆角效果完整代码

复制代码代码如下:

CSS3实现DIV圆角 - CSS3教程 - 计划 - 博客园

font-family: Arial;

border: 2px solid #379082;

border-radius: 20px;

padding: 30px 30px;

width: 330px;

}

本实例是CSS3实现DIV圆角。实现圆角的CSS3代码句是： "border-radius: 20px;" 。需使用支持CSS3的浏览器运行,例如新版的Chrome、火狐，或者IE9。IE6、7、8不支持。

脚本之家CSS3教程

效果图(Chrome)：

实际效果(请使用支持CSS3的浏览器)：

本实例是CSS3实现DIV圆角。实现圆角的CSS3代码句是： "border-radius: 20px;" 。需使用支持CSS3的浏览器运行,例如新版的Chrome、火狐，或者IE9。IE6、7、8不支持。

脚本之家CSS3教程