0.快速入门
border-radius:50px;
立即学习“前端免费学习笔记（深入）”；
1.border-radius详解
border-radius:50px;
立即学习“前端免费学习笔记（深入）”；
上右下左，水平和垂直距离都是50px
border-radius:50%;
这里的%号是已应用该css样式元素的长度和宽度为基数的
border-radius:50% 30% ;
上下，水平垂直是50% 左右，水平垂直是30%
border-radius:50% 30% 10%;
上,水平垂直是50%，左右，水平垂直是30%，下，水平垂直是10%
border-radius:10% 50% 30% 10%;
上，水平垂直都是10%。右，平垂直都是50%。下，水平垂直都是30%。左，水平垂直都是10%
/前面是水平的,/后面是垂直的
border-radius:50% / 30% ;
上左下右,水平是50%，垂直是30%
border-radius:50% / 30% 10%;
上右下左，水平都是50%，上下垂直30%，左右垂直10%;
其余的规则在用/前都举例过，不一一叙述了
2.单独的设置
border-top-left-radius:10%;
border-top-left-radius:10% 30%;
与top对应的bottom,与left对应的right
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
1002
