用ul、li标签创建css横向导航菜单示例
摘要：创建CSS样式文本导航条的最简单解决方法也许就是把所有的链接都放在一行文本里，这种方法看起来很合理也很直观。但问题在于把所有的链接都放在一行...
创建CSS样式文本导航条的最简单解决方法也许就是把所有的链接都放在一行文本里，这种方法看起来很合理也很直观。但问题在于把所有的链接都放在一行文本 里就很难控制链接之间以及前后的空白。所以，为了避免所有的链接都挤在一起，你最后通常都不得不插入一些东西或者非换行的空白字符作为分隔，让这些文字分 离开来，不至于混在一起。
现在我们正常的做法是应用ul、li标签把链接作为无序列表（unordered list）来标识。再应用CSS样式对其进行控制，按我们预想的形式在容器中显示出来。对导航条使用无序列表似乎是不符合直观感受的，因为我们习惯于把无 序列表作为一个竖着推起来的列表项目，每个前面都放着一个列表预设标记。这似乎不符合导航条水平方向的习惯。但作为独立列表项目集合的列表逻辑结构能够适 用于导航条里的链接；而CSS的规则让你能够强制取代列表项目缺省的表现形式，以消除它们并安排列表项在容器内按水平方向排列，而不是从上而下的规则。现 在让我们来看看实例，根据无序列表创建CSS样式和XHTML标签的横向导航菜单。
CSS代码
复制代码
【用ul、li标签创建css横向导航菜单示例】相关文章：
上一篇：
chrome居中但ie不居中的解决方法
下一篇：
clear:both 的作用介绍
相关阅读
网友关注
网友最新关注视频
- 【部编】人教版语文七年级下册《泊秦淮》优质课教学视频+PPT课件+教案，天津市
- 【部编】人教版语文七年级下册《过松源晨炊漆公店（其五）》优质课教学视频+PPT课件+教案，辽宁省
- 【部编】人教版语文七年级下册《老山界》优质课教学视频+PPT课件+教案，安徽省
- 沪教版八年级下册数学练习册一次函数复习题B组（P11）
- 沪教版八年级下册数学练习册21.3（3）分式方程P17
- 沪教版牛津小学英语（深圳用） 四年级下册 Unit 2
- 北师大版八年级物理下册 第六章 常见的光学仪器（二）探究凸透镜成像的规律
- 外研版英语三起5年级下册（14版）Module3 Unit1
- 外研版英语三起6年级下册（14版）Module3 Unit2
- 人教版二年级下册数学
精品推荐
分类导航
网页设计子分类
最新 Div+Css教程学习