html创建网站导航栏目
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>caidandaohang</title>
<link rel="stylesheet" type="text/css" href="C:/Users/macbook/Desktop/daohang/css/ys.css">
<!--
<nav> 表示头部标签，用<ul>,<li>创建导航栏目，然后通过css样式来实现想要的导航
-->
</head>
<body>
<nav>
<ul>
<a href="/" class="logo">
<img src="C:/Users/macbook/Desktop/daohang/img/av.gif" alt="logo" width="100" height="50" >
</a>
<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>
</nav>
</body>
</html>
css样式文件
nav {
background-color: #333;
padding: 10px 0;
}
nav ul {
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;
}
nav ul li {
display: inline;
margin: 0 15px;
}
nav ul li a {
color: white;
text-decoration: none;
font-family: Arial, sans-serif;
}
nav ul li a:hover {
color: #4CAF50;
}
页:
[1]