基于CSS和无序列表的网页导航条的实现  

Implementation of Web-Page Navigation Bar Based on CSS and Unordered List

作　　者：张绍江[1] 

机构地区：[1]天津中德职业技术学院,天津300350

出　　处：《科技广场》2015年第5期42-45,共4页Science Mosaic

摘　　要：网页导航条是网页中不可或缺的重要组成部分,使用Java Script和交换图片形式制作的导航条结构复杂、代码冗余多、不易维护。本文实现了一种使用CSS层叠样式表和无序列表制作导航条的方法,从导航条内容的输入、列表和列表项样式的设置、为列表项创建链接、设置链接样式、导航条定位五个方面,介绍了这种导航条的具体制作过程。Web-page navigation bar is an indispensable part for web-page. The one made with JavaScript and in the form of exchange pictures has complex structures, redundant codes and is difficult to maintain. This paper implements a method that makes the navigation bar by using CSS （Cascading Style Sheets） and unordered list, and introduces the specific production process of this navigation bar from five aspects, such as the input from the navi-gation bar content, the setting of lists and list-items style, the creation of link for list items, the setting of linked style, and its positioning.

关 键 词：CSS 导航条 无序列表 样式 

分 类 号：TP311[自动化与计算机技术—计算机软件与理论]