border 的图形

Docs

border - CSS：层叠样式表 | MDN (mozilla.org)

border 主要是用来给盒子增加边框的，但是在开发中我们也可以利用边框的特性来实现一些形状：

• 假如我们将 border 宽度设置成 50 会是什么效果呢？
  • 如果我们进一步，将另外三边的颜色去除呢？
  • 如果我们将这个盒子旋转呢？
• 所以利用 border 或者 CSS 的特性我们可以做出很多图形：The Shapes of CSS | CSS-Tricks - CSS-Tricks

---

Loading Github Gist ...

Details

See the Pen by jaimezeng (@jaimezeng) on CodePen.

---

Loading Github Gist ...

Details

See the Pen by jaimezeng (@jaimezeng) on CodePen.