如何制作一个导航栏

 时间: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怎么让整个网页居中
  • 热门搜索
    手脱皮是怎么回事 屁多是怎么回事 男人气虚怎么办 腰椎病怎么治疗 rank函数排名怎么用 低血压怎么办怎样调理 怎么给电脑设置开机密码 云顶之弈怎么玩 口腔溃疡怎么治 鼻子老出血怎么回事