本文提供了使用HTML与CSS实现网站导航栏的具体代码示例，包括段落标记与超链接组合及无序列表形式的水平导航条，适用于初学者快速上手。
采用段落或无序列表与超链接组合实现网站导航
代码如下：
<!DOCTYPE html>
<html>
<head>
<!--jason-zl-->
<meta charset="utf-8" />
<title>网站导航</title>
<style>
ul{list-style-type:none; text-align: center; }
li{display:inline;}
lia{padding:020px;}
</style>
</head>
<body>
<p>利用段落标记和超链接实现网站导航</p>
<center>
<p>
<a href="http://www.baidu.com/">百度</a>
<a href="http://www.sina.com.cn/">新浪</a>
<a href="ttp://www.qq.com/">腾讯</a>
<a href="ttp://www.sohu.som/">搜狐</a>
<a href="http:www.163.com/">网易</a>
<a href="tp:www.google.hk/">谷歌</a>
</p>
</center>
<hr align="center" size="3" color="blue">
<p>利用无序列表实现水平导航条</p>
<center>
<p>
<ul>
<li><a href="tp:www.google.hk/">谷歌</a></li>
<li><a href="http://www.baidu.com/">百度</a></li>
<li><a href="http://www.sina.com.cn/">新浪</a><li>
<li><a href="ttp://www.qq.com/">腾讯</a><li>
<li><a href="ttp://www.sohu.som/">搜狐</a></li>
<li><a href="http:www.163.com/">网易</a></li>
</ul>
</p>
</center>
</body>
</html>
效果图：
扫一扫
2471
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
