HTML+CSS制作导航条 _知识经验

下面教大家HTML+CSS制作导航条。

文章插图

step1: 在<body>标签中建立一个p，为其命名为“nav”，在p中建立一个无序列表，列表共分为5个项目，每个项目都带有超链接，因为是做演示，每个链接就以空链接来做示范，代码如下：
<html>
<head>
<title>制作网页导航条</title>
<style>

</style>
</head>
<body>
<p id="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></ul>
</p>
</body>
</html>
打开浏览器预览，看到的效果如图所示：
【HTML+CSS制作导航条】