导航栏是网页中常用的模块,有很多方法可以实现,下面是用css实现的方法: 

     <div >        #menu ul {list-style:none;margin:0px;}
  list-style:none,这一句是取消列表前点,因为我们不需要这些点。
  margin:0px,这一句是删除UL的缩进,这样做可以使所有的列表内容都不缩进。

  #menu ul li {float:left;margin:0 10px;display:block;line-height:28px}
  这里的 float:left 的左右是让内容都在同一行显示,因此使用了浮动属性(float)。
        margin:0 10px的作用就是让列表内容之间产生一个20像素的距离(左:10px,右:10px)
        display:block;line-height:28px的作用是让文字垂直居中


最终效果如:

css定义一个导航栏


 

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2021-11-28
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2021-09-10
  • 2022-01-05
  • 2022-12-23
  • 2022-12-23
  • 2021-08-02
  • 2022-12-23
相关资源
相似解决方案