《用css的border属性实现三角》的评论

作者：Tip中小三角的实现 | My Memory

Tip中小三角的实现 | My Memory — Mon, 23 Jan 2012 10:44:35 +0000

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

作者：fmost

fmost — Wed, 02 Nov 2011 02:56:50 +0000

厉害厉害长见识了~~~~

作者：css的boder实现小三角 | Damon

css的boder实现小三角 | Damon — Fri, 14 Oct 2011 07:25:07 +0000

[...] 转自《用css的border属性实现三角》 « 上一篇 | 下一篇 » [...]

作者：lovebslq

lovebslq — Wed, 17 Aug 2011 09:23:35 +0000

居然可以写出来呀，又长见识了

作者：有趣的tips提示信息边框 _ 前端开发-页面重构-jQuery-HTML5-CSS3-JavaScript-前端体验

有趣的tips提示信息边框 _ 前端开发-页面重构-jQuery-HTML5-CSS3-JavaScript-前端体验 — Sat, 13 Aug 2011 12:38:44 +0000

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

作者：Tip中小三角的实现 – WEB前端开发- 专注前端开发，关注用户体验

Tip中小三角的实现 – WEB前端开发- 专注前端开发，关注用户体验 — Thu, 28 Jul 2011 08:53:48 +0000

[...] 时间：2011年07月28日作者：愚人码头查看次数:2 views评论次数：0 前段时间专门研究了一下腾讯微博的Tip，很有意思！tip中的小箭头是用“◆”（encode为：◆）字符模拟的。以前也写过类似的实现方案《用css的border属性实现三角》。用“◆”字符模拟小三角有一个有点就是：比如tip有border时，也可以用两个绝对定位的“◆”字符模拟。如图： [...]

作者：Atlantis >> JS ? RIA : CSS + XHTML – 用css的border属性实现三角

Atlantis >> JS ? RIA : CSS + XHTML – 用css的border属性实现三角 — Thu, 08 Apr 2010 06:53:07 +0000

[...] 原文 : http://www.css88.com/archives/1875 box{ width:0px; height:0; border-bottom:50px #F00 solid; border-left:50px #03F solid; border-right: [...]

作者：若比邻

若比邻 — Tue, 23 Mar 2010 09:44:13 +0000

确实不错，不过这个有一个局限性，如果背景是图片的话，或者跟border的颜色不一致的时候就有点难看了。

作者：yaya

yaya — Fri, 08 Jan 2010 05:57:48 +0000

IE下的锯齿很多～不知道有法解决没

作者：dkl

dkl — Tue, 17 Nov 2009 08:13:49 +0000

顶个，爽