- Objective: - Breadcrumb: # 概念阐释 - 盒子的四个角的样式 - 顺序为左上、右上、右下、左下 - 0时,px可以忽略 ## 语法 ```css selector { border-radius: ; } ``` # 实例 - 圆形:100px - 想要图片变成圆形,border-radius可以是宽度的一半 - 圆角不仅可以改变图片的边框形状,还可以做更有创意的图像,例如💧状、叶子状等等 - 复写一个圆形图片 - 复写叶子形状 - 复写一个叶子倒过来的形状😂 ![](http://image.harryrou.wiki/2023-01-04-%E6%88%AA%E5%B1%8F2023-01-04%2015.14.13.png) <iframe src="https://codepen.io/harryzhu313/pen/NWBbjqG" width="720" height="400"></iframe> # 相关内容 # 参考资料