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