[转]Tip中小三角的实现

前段时间专门研究了一下腾讯微博的Tip，很有意思！tip中的小箭头是用“◆”（encode为：◆）字符模拟的。以前也写过类似的实现方案《用css的border属性实现三角》。用“◆”字符模拟小三角有一个有点就是：比如tip有border时，也可以用两个绝对定位的“◆”字符模拟。如图：

注意：最好根据您的实际情况设置“◆”的字体，我这里用了宋体，有棱有角真好！

demo页面：http://www.css88.com/demo/tipbox/

转载请注明转自《Tip中小三角的实现》