导航菜单1(div+css)

来源:互联网 发布:js事件代理 on 编辑:程序博客网 时间:2024/06/01 07:32

因为刚开始做实例和看视频不同会碰到很多实战问题,我用了2个小时做了一个简单的导航菜单,以下是相关知识点和效果图

1.无需标签ul li 放它们放进一个div 

2.给div做个背景色#ab0

3.给li加个border-right: 2px solid #aba;

4.可以使用padding来调整文字在div里的上下距离

5.加一个锚伪类 ul li:hover{background-color:#CFC;}鼠标移到菜单上就会显示填充颜色.

6.cursor:pointer;光标显示


0 0