1、链接列表。我们可以使用这个链接列表的理论来建设自己的导航栏，从而让我们获得更多丰富的网页效果。
<ul><li><a href="default.asp">Home</a></li><li><a href="news.asp">News</a></li> </ul>
2、更多的应用形式；通过对于CSS语句进行一定的转换，我们还可以使用更多的语句形式。ul{list-style-type:none;margin:0;padding:0;}
3、垂直导航栏。这也是一个网页中常常出现的现象，我们可以通过简单的代码来实现这样的一个样式。
a{display:block;width:60px;}
4、水平导航栏。对于这样的一个形态的导航栏我们是非常容易实现的，这种实现的办法也是分为两种来完成。一种就是行内列表项，另外一种就是浮动列表项。
li{display:inline;}
li{float:left;}a{display:block;width:60px;}
5、实例。我们在实际的网页设计当中会应用到一个有变化的导航条，这个导航条在代码的设计上更加的复杂一些。
<style>
ul
{
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
}
li
{
float:left;
}
a:link,a:visited
{
display:block;
width:100px;
font-weight:bold;
color:#FFFFFF;
background-color:#bebebe;
text-align:center;
padding:3px;
text-decoration:none;
text-transform:uppercase;
}
a:hover,a:active
{
background-color:#cc0000;
}
</style>
6、媒介类型。同样的网页在不同的媒介上同的显示是不一样的，我们就需要分别为这些媒介设置不同的显示方式。"voice-family" 针对听觉，"font-size" 针对显示器等等。
