谁能告诉我这款建议导航的代码?
- 提问者网友:沉默的哀伤
- 2021-04-12 05:41
- 五星知识达人网友:我住北渡口
- 2021-04-12 06:50
不是有点儿看不清楚,根本看不清,,,
现在一般的导航是使用CSS+DIV做成发。
你可以先参考一下这个代码
<!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=gb2312" />
<title>无标题文档</title>
<style type="text/css">
UL{
margin: 0px;
padding: 0px;
list-style-type: none;
}
Ul a {
font-size: 14px;
line-height: 30px;
color: #FFFF00;
text-decoration: none;
background-color: #FF0000;
text-align: center;
display: block;
height: 30px;
width: 120px;
border-left: 3px solid #990000;
}
UL a:hover {
background-color: #CC0000;
}
</style>
</head>
<body>
<ul>
<li><a href="#">One</a></li>
<li><a href="#">Two</a></li>
<li><a href="#">Three</a></li>
</ul>
</body>
</html>