【资料图】

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;; }。

本文到此分享完毕，希望对大家有所帮助。