自己做一个Bootstrap:带三角形的popup

screen-shot-2016-12-08-at-22-29-31

这个widget的难点在于上面的三角形的部分,我们需要用CSS实现一个看起来“有边框”的三角形。

我们利用没有长宽的Div,设置它的border为需要的宽度,并隐藏其他三边,这样三角形就做好了。

同样的原理,再定义一个三角形,将这个三角形位置下移两个像素(一个像素边框看起来很细,跟旁边的不匹配),覆盖于原理的三角形上面,这样看起来,就有了边框。