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

最新推荐文章于 2021-06-08 11:56:49 发布

HelloNet

最新推荐文章于 2021-06-08 11:56:49 发布

阅读量1k

点赞数

分类专栏： Css

Css 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<style type="text/css"> 
#yuanjiao
{ 
font-family: Arial; 
border: 2px solid #379082; 
border-radius: 20px 0px 0px 20px; /*上 右 下 左*/ 
padding: 30px 30px; 
width: 330px; 
}
</style> 
<div id="yuanjiao"> 
本实例是CSS3实现DIV圆角。实现圆角的CSS3代码句是： "border-radius: 20px;" 。需使用支持CSS3的浏览器运行,例如新版的Chrome、火狐，或者IE9。IE6、7、8不支持。

脚本之家CSS3教程

</div>