垂直菜单关键点：
用<ul><li><a>结构，定义<ul>的宽度，其他样式都在<a>里定义即可。注意text-indent,text-align属性
水平菜单：
只需要把垂直菜单<ul>的宽度去掉，<li>的样式定义为左浮动即可。
圆角菜单制作：
圆角一般用背景图片实现，只需要把背景图片加到img里，a:hover的时候background-position向下偏移一个数值，露出圆角背景即可。
margin可以定义负值，向反方向偏移。
伸缩菜单制作：
要用js实现，如图：

同样的功能用jquery实现更为简单：

看清楚点：

回答：“this”代表的是<a>标签。