css圆角设置 css圆角

今天来聊聊关于css圆角设置，css圆角的文章，现在就为大家来简单介绍下css圆角设置，css圆角，希望对各位小伙伴们有所帮助。

1、css代码：.yj{ padding:10px; width:300px; height:50px; border: 2px solid #000000; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius:15px; } -moz-border-radius: 15px; -webkit-border-radius: 15px; 这两个是为了兼容其他一些不常用浏览写的css圆角代码html代码：这个div四个角都圆15px;结果如下：图片圆角也是一样的：css代码：.yj{-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius:15px;}html代码：结果如下：3css3圆角代码也支持上下左右的：css代码这么写：.yj{ padding:10px; width:300px; height:50px; border: 2px solid #000000; -moz-border-radius: 0px 0px 20px 25px;; -webkit-border-radius: 0px 0px 20px 25px;; border-radius:0px 0px 20px 25px;; }。

相信通过css圆角这篇文章能帮到你，在和好朋友分享的时候，也欢迎感兴趣小伙伴们一起来探讨。