css – 用箭头创建矩形DIV

我刚刚开始进入CSS,初步实验非常好！我找到了带弹出框和CSS样式等的Feed！但是,我想突破我所知道的界限……

我正在尝试实现一个矩形的样式DIV(没有问题),但是有一个箭头指向导航栏上的图标,请参见下图,包括框边框,以及DIV本身高度不同的地方(尽管箭头始终保持相同的高度/宽度).

任何人都可以指出我正确的方向 – 或者我是否想做更多的事情！？

提前致谢.

最佳答案

vimeo.com实际上是用纯CSS做的,除了他们的箭头指向下方.学习新CSS的一个好方法是使用Firefox Firebug或Chrome,并学习如何从其他网站“借用”CSS.

我借了他们向下箭头一次,效果很好.