世界今热点:车四十四_css圆角

2023-04-22 01:53:09   来源:互联网


(资料图片仅供参考)

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

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

关键词: