用 CSS 创建纯三角形

  1. 实现三角形,原理:块级元素,边框被分成了上下左右四分,需要显示的地方加上颜色,不需要显示的设置为透明色。



    
    Title



截图:


trangle.png
  1. 实现凸起的三角形样式,原理:底下是一个黑色边框的三角形,覆盖上一个白色的后,三角形中间的颜色被覆盖,三角形的边留了下来。



    
    Title



截图:


trangle.png

你可能感兴趣的:(用 CSS 创建纯三角形)