您的位置:首页 >精选生活 >

css圆角半径代码(css圆角)

导读 大家好,小房来为大家解答以上的问题。css圆角半径代码,css圆角这个很多人还不知道,现在让我们一起来看看吧!1、css代码:.yj{ padd...

大家好,小房来为大家解答以上的问题。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;; }。

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

免责声明:本文由用户上传,如有侵权请联系删除!