CSS橫向导航

最新推荐文章于 2024-02-03 15:57:49 发布

m1maomao

最新推荐文章于 2024-02-03 15:57:49 发布

阅读量100

点赞数

分类专栏： Html/Css 文章标签： CSS

本文链接：https://blog.csdn.net/m1maomao/article/details/83336145

版权

Html/Css 专栏收录该内容

65 篇文章 0 订阅

订阅专栏

CSS导航样式

导航条的制作可以采用一个列表，并对之中的列表项浮动定位，再加上细节上的样式设计，一个导航就完成了，下面根据不同的导航实例分析一下。

横向导航

BADY部分

<body> <!—以列表作为导航条，列表项作为导航频道，很好的利用了列表标签-->

<ul id="nav">

<li><a href="#" id="current">首页</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>

</body>

CSS部分

<style type="text/css" >



</style>