普通導航欄

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=big5" />
<title>Untitled Document</title>
<style>
#navcontainer {
float: center;
border: 0px;
height: 25px;
background-color: #f1f5f8;
font-size: 11px;
}

#navcontainer ul {
font-weight: bold;
list-style-type: none;
margin: 3px 15px 0px 15px;
padding: 0;
text-align: center;
}

#navcontainer ul li {
display: inline;
}

#navcontainer a {
display: block inline;
color: #647b98;
background-color:#00CC99;
width: 65px;
padding: 5px 12px 5px 12px;
text-decoration: none;
}

#navcontainer a:hover {
background-color: #acd413;
color: #FFFFFF;
}
</style>
</head>
<body>
<div id="navcontainer">
    <ul>
        <li><a href="#">HOME</a></li>
        <li><a href="#">PRODUCTS</a></li>
        <li><a href="#">SERVICES</a></li>
        <li><a href="#">ABOUT</a></li>
        <li><a href="#">CONTACT</a></li>            
    </ul>
</div>
</body>
</html>

posted on 2006-10-24 13:53  ★金★  阅读(149)  评论(0)    收藏  举报

导航