SVG 形状分隔生成器 —— 网页 section 分隔（倾斜/曲线/三角，免费）

落地页里相邻两个 section 如果都用纯色块、直线相接，会显得生硬、像八九十年代的网页。给分界线一个形状——一道斜切、一条曲线、一排三角——就能让版面有节奏、有设计感。这类分隔本质都是一段 SVG path：倾斜是一条斜线、曲线是一段贝塞尔、三角是折线、阶梯是直角折线。手写这些 path 既枯燥又难调准，所以 ShapeDivider.app 这类工具很受欢迎。设计猫把常见样式都内置好，你只管选样式、调高度、翻转，复制出来就是规范的内联 SVG。

用好形状分隔有三个要点。一是颜色要对：分隔 SVG 的填充色应当等于「下一个 section 的背景色」，这样视觉上才像上一块被切了个形状、露出下面那块，而不是凭空多了一条彩带。二是高度要克制：分隔通常只占 40–120px 高，太高会喧宾夺主、挤掉真正的内容。三是同一页尽量统一风格：要么全用曲线、要么全用倾斜，混搭多种形状会显得花。需要强调某个区块时，可以让那一处的分隔略夸张一点，其余保持低调。

实现上把生成的 SVG 绝对定位到 section 的底部（bottom: 0）或顶部，宽度设 100%，保留代码里的 preserveAspectRatio="none" 让它随宽度拉伸铺满，高度由你设的值决定。翻转和水平镜像让同一种样式能贴顶或贴底、朝左或朝右，覆盖一页里上下多个 section 的不同需求。全部在设计猫浏览器本地生成，复制即用，不上传、不注册、无限次。