菜单导航的问题

tabContainer {
padding: 25px 15px 0 15px;
background: 67A897;
}

ultopTab {
list-style-type: none;
width: 100%;
position: relative;
height: 27px;
font-size: 13px;
font-weight: bold;
margin: 0;
padding: 11px 0 0 0;
}

ultopTab li {
display: block;
float: left;
margin: 0 0 0 4px;
height: 27px;
}

ultopTab li.left {
margin: 0;
}

ultopTab li a {
display: block;
float: left;
color: fff;
background: 4A6867;
line-height: 27px;
text-decoration: none;
padding: 0 17px 0 18px;
height: 27px;
}

ultopTab li a.right {
padding-right: 19px;
}

ultopTab li a:hover {
background: 2E4560;
}

ultopTab li a.current {
color: 2E4560;
background: fff;
}

ultopTab li a.current:hover {
color: 2E4560;
background: fff;
}

index.:
<! HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<>
<head>
<title></title>
<meta http-equiv"Content-Type" content"text/; charsetiso-8859-1">
<link type"text/css" href"tab.css" rel"stylesheet"> </style>
</head>
<body>
<div id"tabContainer">
<ul id"topTab">
<li><a href"" title"Home" class"current">Home</a></li>
<li><a href"about." title"About">About Us</a></li>
</ul>
</div>
</body>
</>

about.:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<>
<head>
<title></title>
<meta http-equiv"Content-Type" content"text/; charsetiso-8859-1">
<link type"text/css" href"tab.css" rel"stylesheet"> </style>
</head>
<body>
<div id"tabContainer">
<ul id"topTab">
<li><a href"index." title"Home">Home</a></li>
<li><a href"" title"About" class"current">About Us</a></li>
</ul>
</div>
</body>
</>

伯纳乌的蓝2024-04-22