圆角

border-radius 设置四个角的圆弧半径。0 是直角，显得严肃硬朗；48px 是后台和工具类产品的常见选择；1216px 显得柔和亲切，常见于移动端和消费类产品；写 9999px 能做出两端全圆的胶囊按钮，正方形头像写 50% 就变成正圆。

统一很重要：全站准备两三档圆角（比如小 4px、中 8px、大 16px），按钮、输入框、卡片各用一档。嵌套时外层圆角要比内层大，大约等于内层圆角加上两者之间的内边距，看起来才协调。

有圆角的容器里放图片时，要给容器加 overflow: hidden，否则图片的直角会露出来。