如何制作一个导航栏

 时间: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怎么让整个网页居中
  • 热门搜索
    什么是丝印 浴缸什么牌子好 清水房是什么意思 怡然自乐的意思 机器铃砍菜刀什么意思 september是什么意思 毛尖茶有什么功效 发誓的意思 税务注销需要什么资料 写字楼是什么意思