最近做一个网站,又要导航条

要实现横向排列,还能设置导航选项的宽度,以前弄过的,又忘了

今天终于在一个被遗弃的文件夹里找到了方法

还是写下来比较好,防止忘掉

HTML如下:

用UL+Li 实现横向导航条时设定宽度<ul id="Nav" class="Nav_Css">
用UL+Li 实现横向导航条时设定宽度    
<li id="Nav_Li_1" class="Nav_Li_Css"><span>导航1</span></li>
用UL+Li 实现横向导航条时设定宽度    
<li id="Nav_Li_2" class="Nav_Li_Css"><span>导航2</span></li>
用UL+Li 实现横向导航条时设定宽度    
<li id="Nav_Li_3" class="Nav_Li_Css"><span>导航3</span></li>
用UL+Li 实现横向导航条时设定宽度
</ul>

 

CSS代码如下:

主要就是要在Li加上: Float:left 和List-style: none

}

 

这样就可以了~~~~

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-10-16
  • 2022-12-23
  • 2021-12-29
  • 2021-10-31
猜你喜欢
  • 2022-12-23
  • 2021-10-06
  • 2022-12-23
  • 2021-10-18
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案