1.html5 css怎么写导航栏
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>;导航栏</title>
<style type="text/css">
* {
margin: 0px;
padding: 0px;
}
.nav {
width: 960px;
height: 60px;
border: 1px solid red;
margin: 100px auto;
}
.nav ul {
list-style: none;
}
.nav ul li {
float: left;
background-color: #e7ffb0;
}
.nav ul li a {
display: block;
width: 120px;
text-align: center;
line-height: 60px;
text-decoration: none;
color: #5a3467;
}
.nav ul li a:hover {
cursor: pointer;
background-color: #645e55;
color: #cdff83;
}
</style>
</head>
<body>
<div class="nav">
<ul>
<li><a href="#">;网站导航</a></li>
<li><a href="#">;网站导航</a></li>
<li><a href="#">;网站导航</a></li>
<li><a href="#">;网站导航</a></li>
<li><a href="#">;网站导航</a></li>
<li><a href="#">;网站导航</a></li>
<li><a href="#">;网站导航</a></li>
<li><a href="#">;网站导航</a></li>
</ul>
</div>
</body>
</html>
2.HTML5怎么做导航栏
建议使用FF,Safari,举个例子:<!doctype html>
3.html导航栏,这种类型的怎么写
这个只是一个图标字体,一般要结合js点击或者经过触发事件。
代码:
<meta charset='utf-8' />