CSS 三角形生成器

用**边框斜接**画三角形：`width: 0; height: 0` 加两条透明边框、一条实色边框——实色边框的方向就是三角形指向的反方向（朝上的三角形用 `border-bottom`）。

四个斜向用「一条实色 + 一条透明」，靠斜接处的 45° 分界线切出直角，直角落在实色边框那一侧（这也是命名依据：`topLeft` 指直角在左上）。

底座、高度与颜色都可调，声明同时喂给预览与代码块——同一份数据，两边不会慢慢漂移。