今天芳芳来为大家解答以上的问题。css图片的圆角效果，2024年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;; }。

本文就为大家分享到这里，希望小伙伴们会喜欢。