首页 > 综合知识 > 正文

css图片的圆角效果(2024年css圆角)

来源:综合知识2024-09-30 17:06:14
导读 今天芳芳来为大家解答以上的问题。css图片的圆角效果,2024年css圆角相信很多小伙伴还不知道,现在让我们一起来看看吧!1、css代码:.yj{ ...

今天芳芳来为大家解答以上的问题。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;; }。

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

关键词:
版权声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

猜你喜欢

最新文章