这个图用css代码怎么写？

如图，本来就 更多， 鼠标放上去的时候出现下拉，鼠标放到下拉每一个地方，出现如图所示。 请问用css代码怎么写呢？

追问：更多右边有个小三角，就是span里边，更多两个字的右边 插入个图片吗？

答案：<div class="more">
   <span>更多>></span>
 <ul>
   <li>会议</li>
</ul>
</div>

这样就可以了， 
CSS要用到相对定位，和绝对定位，在结合 JS 做下拉效果

其他：需要在CSS里设置的更准确些 毕竟线条的样式很多 这还不简单？外面大层（div1）加个黄色背景，里面那个层(div2)设置居中，加个边框，然后再把里面 

上一个：CSS问题(解释一下)
下一个：css下拉菜单，注释中的部分是什么意思？对代码执行有影响吗？