以前 Tip 中实现小三角的大多数就是用图片实现,要么就是用 CSS 的 border 属性来实现三角,前段时间闲了无事看了下腾讯微博的 Tip,很有意思,tip 中的小箭头是用 "◆"(encode为:◆)字符模拟的。 用 "◆" 字符模拟小三角有一个有点就是:比如 tip 有 border 时,也可以用两个绝对定位的 "◆" 字符模拟。如图:

tipbox

注意:最好根据您的实际情况设置 "◆" 的字体,我这里用了宋体,有棱有角的。