如何制作一个导航栏

 时间: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怎么让整个网页居中
  • 热门搜索
    西安有什么好玩的 h2o是什么 胎停有什么症状 口腔溃疡反复发作是什么原因呢 维生素k3注射液 牛肉和什么不能一起吃 39岁属什么 小米运动 豆豉是什么 jeans什么意思