我刚开始更深入地学习CSS，初步实验效果非常好！我正在使用弹出框和CSS样式等来美化我的内容！然而，我想要挑战一下自己的知识边界...
我试图实现一个带箭头的DIV（没有问题），它是矩形的，但箭头指向导航栏上的图标，如下图所示，包括框边界，并且DIV本身的高度可以改变（尽管箭头始终保持相同的高度/宽度）。
有人能给我指点方向吗？或者我是在尝试做超出可能范围的事情吗？
提前感谢。
2个回答
2
为了得到广泛的浏览器支持，你应该使用背景图片来实现。有许多资源和教程供您参考。我建议您阅读这本书：《Pro CSS and HTML Design Patterns》 - 这是一本非常好的书，其中有一个关于用背景图片样式化div的章节（代码在此 - 这个例子是用于实现圆角效果，虽然现在你可以使用CSS3标签获得良好的支持，但是它能让你理解如何实现任何边框效果）。当然，如果你在谷歌上搜索背景图片div样式化，你会找到许多相关的例子。
- faken
2
vimeo.com实际上是用纯CSS实现的，只是他们的箭头指向下方。学习新CSS的好方法是使用Firefox+Firebug或仅使用Chrome，并学习如何从其他网站“借用”CSS。
我曾经借用过他们的向下箭头，效果非常好。
- cailinanne
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接