📌 📄 内容摘要:
思無邪 (@Clarke.L) 在 【2026 元旦快乐】有趣的 corner-shape 中发帖
我们日常在画图形需要圆角时，经常使用 border-radius来搞定，这样确实很方便，毕竟可以直接通知八个方向的角度。但是对于一些特殊需求或者是一些不规则的border而言，慢慢调整确实有些麻烦。今天就再给大家介绍一个新东西 corner-shape.
[image]
1. corner-shape 概念
corner-shape 属于 CSS 背景与边框模块 Level 4 中的新特性，用来扩展原本只会画“圆角”的 border-radius 。 以前只能做“圆圆的角”，现在可以在同一块盒子上做出内凹、斜切甚至介于圆和方之间的 角 。
它是一个全新的属性，用来控制“圆角区域的形状”，配合 border-radius 可以非常方便地做出十字形、六边形、凹角卡片、对话气泡等复杂图形。
对有边框的盒子，简单理解为：
border-radius：控制“圆角半径”，即弧线的大小
...
────────── 链接信息 ──────────
🔗 论坛链接: linux.do
📎 访问地址: https://linux.do/t/topic/1384587/1
─────────────────────────────
📢 来源：LINUX DO
