箭头这是怎么实现的呢?

qq_xd5he1q2 HTML实战-极客学院路径图页... 最后由 升级打怪的小小白 于2017年03月12日回复

  • 2 回答
  • 1.2k 浏览

箭头这是怎么实现的呢? 是那几个border的原因吗?

  • 升级打怪的小小白 2017年03月12日 回答 #2楼
  • border-width设置三角的大小,  就是border-color:#fff #f1f1f1 #f1f1f1  #fff 值控制三角, 方向是上右下左4个三角型组成的正方形(当border-width设置为一个同值时), 当右边和下面的三角设置为#f1f1f1 和body背景色一样不就是隐藏了,就像一个矩形对半切了,只剩下左上部分的形状了。,,,这是我的 理解不知道帮没帮到你!!!!

    1m9kdq1s4174o.png

  • 0 评论