Question

如图：像这种下拉菜单的小三角（图中绿圈处）怎么用纯html，css代码实现？

Answer 1

鼠标移上去的时候“我的工作”背景图变成带箭头的就行了
比如说：
页面代码是<div class="aaa"><a href="#">我的工作</a></div>
那么css样式表里就定义
.aaa{height:32px;width:100px; background:url(纯红色背景图片地址);}
.aaa a:hover{display:block; height:30px;width:100px; background:url(带箭头的背景图片地址);}

追问

嗯，用图片的这个方法我知道。但是直接用代码能写吗？

追答

可以的呀，在css里写出鼠标上移，背景图改变的代码就可以了。
.aaa a:hover表示的就是aaa这个div中的a标记鼠标上移时的样式，对应的就是
我的工作
中我的工作
不知道你能看明白吗？

追问

能看明白。但我的意思是那个小三角是不需要用图片辅助，直接用代码写，就像有的圆角按钮也可以直接用代码就可以写出来，像这样的：

当然就算写出来小三角之后，还需要定位到如图中的位置又该怎么写？

追答

哦，我才明白你的意思，那种比较复杂，我也不了解了，爱莫能助了。

追问

嗯，非常感谢你的帮助