圆角

圆角是一种装饰处理，将图像或 UI 元素的直角替换为平滑弧线。圆角设计传达出更柔和、更友好的印象，在现代 Web 和应用界面中被广泛采用。在 CSS 中，border-radius 属性控制圆角程度。

较大的半径值产生更明显的曲线。将半径设置为宽度和高度的 50% 可创建完美的圆形，社交媒体头像图标就是这样实现圆形外观的。典型的卡片设计使用 8-16px 的 border radius 以获得平衡的视觉效果。

要将圆角永久烘焙到图像文件中，可使用圆形裁剪工具将图像裁剪为圆形。将圆角与投影和边框组合使用，可创建统一的卡片式布局。