900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > html圆角周角代码 CSS3实现DIV圆角效果完整代码

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

时间:2021-10-29 03:28:34

相关推荐

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教程

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。