导航栏实例
<html>
<head>
<title>导航栏</title>
<style>
li{
display:inline-block; 设置为内联元素
width:100px;
height:30px;
background-color:#ff8888;
font-size:12px; /*设置字体大小*/
text-align:center; /*设置字体对齐方式*/
line-height:30px;/*等于li的高度,可以让字体垂直对齐*/
}
a{
color:#fff
text-decoration:none / *去线*/
}
</style>
</head>
<body>
<ul>
<li><a href="#">导航1<a></li>
<li><a href="#">导航2<a></li>
<li><a href="#">导航3<a></li>
<li><a href="#">导航4<a></li>
<li><a href="#">导航5<a></li>
</ul>
</body>
</html>