头朝下的小三角 width:0; height:0; border:50px solid transparent; //所有border都是透明的， border-top-color:black; //只有尖相对的方向border有颜色 　　 同理，头朝上的小三角，只要把 ...

这个效果。首先想到的就是用元素的伪类来实现。 首先想到的是给小三角加一个box-shadow属 ...

<div class="arrow-up"> <!--向上的三角--> </div> <div class="arrow-down"> <!--向下的三角--> </div> <div class ...

：当div的宽高为0时，设border的宽度并设颜色，会发现div像是被分割为4个小三角形， ...

before 和 after后，我们来看看如何使用 before 和 after来制作小三角形吧。 1 ...

　　同学们，当美工给的设计图是这样： 　　或者这样： 　　我的内心其实是拒绝的-_-；但工作还得干，大部分同学会写 　　或者干脆利落 　　这样做是可以解决问 ...

效果图： 方法一的效果图 方法二的效果图 方法三的效果图 方法一： css代码： #top { position: absolute; width: 0px; height ...

带缺口的三角形: ...