垂直菜单关键点:
用<ul><li><a>
结构,定义<ul>
的宽度,其他样式都在<a>
里定义即可。注意text-indent,text-align属性
水平菜单:
只需要把垂直菜单<ul>
的宽度去掉,<li>
的样式定义为左浮动即可。
圆角菜单制作:
圆角一般用背景图片实现,只需要把背景图片加到img里,a:hover的时候background-position向下偏移一个数值,露出圆角背景即可。
margin可以定义负值,向反方向偏移。
伸缩菜单制作:
要用js实现,如图:
同样的功能用jquery实现更为简单:
看清楚点:
回答:“this”代表的是<a>
标签。
点击查看更多内容
3人点赞
评论
共同学习,写下你的评论
评论加载中...
作者其他优质文章
正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦