如何制作一个导航栏

 时间:2024-10-15 18:17:50

1、首先要写一个无序列表,并定义导航栏的内容(用div定义),代码和效果如下。

如何制作一个导航栏如何制作一个导航栏

2、然后在css中定义出导航栏的位置。

如何制作一个导航栏如何制作一个导航栏

3、在定义li是导航栏浮动上去,并去掉格式,内容前面的小黑圆点(list-style-type:none;)

如何制作一个导航栏如何制作一个导航栏

4、去下划线:#nav ul li a{ color:#f酆璁冻嘌ff; text-decoration:none; }

如何制作一个导航栏

5、鼠标触动栏目字体时变颜色(拿首页做例子):#nav ul li a:hover{ line-height:30px; color:red; }

如何制作一个导航栏
  • DW(dreamweaver)如何插入图片怎么修改图片大小
  • 在DW中如何让div标签左右并排?
  • Dreamweaver怎么把图片放在页面的中间位置
  • Dreamweaver如何去除掉链接文字下面的下划线
  • dw怎么让整个网页居中
  • 热门搜索
    环怎么取 我的世界地毯怎么做 怎么和女孩聊天 成绩不好怎么办 怎么在图片上写字 在校表现怎么写 家庭出身怎么填 炖豆腐怎么做好吃 qq邮箱怎么发邮件 怎么摘隐形眼镜