网站的导航用css怎么做，怎么用htmlcss做一个导航条

本文目录一览

1，怎么用htmlcss做一个导航条
2，CSS怎么用li制作导航栏
3，用CSS如何做导航条
4，divcss怎么写这个导航

1，怎么用htmlcss做一个导航条

首先要建立一个DIV，为其命名为“nav”，在DIV中建立一个<ul>无序列表，导航共有几个栏目，就为列表添加几个<li>的列表项，为每个列表项中的内容加上超链接，链接到所需的项目页面。然后设置CSS样式，为列表规定宽度和高度，去掉列表前面的符号，代码为：ul 如果是横向导航，还需为里面的列表项<li>标签设置左浮动的样式，代码为：li 每个栏目之间分隔的距离可通过margin（外边距）属性来设置。

怎么用htmlcss做一个导航条

2，CSS怎么用li制作导航栏

li 浮动 float:left

您好！给你写了个简单的样子出来，您可以参考一下：导航项1 导航项2 导航项3 导航项4 楼上的回答是错误的，li元素的display本来就是block，何必再去设置，设置了又有什么用，又到不了一行去，误人子弟。希望我的回答能够帮到您！如果有什么不懂的可以追问我。如果有帮助请采纳，回答不易！

您好！您应该提问了2次吧，再给您回答一次：导航项1 导航项2 导航项3 导航项4 希望我的回答能够帮到您！如果有什么不懂的可以追问我。如果有帮助请采纳，回答不易！

CSS怎么用li制作导航栏

3，用CSS如何做导航条

你会插入table吧！先插入一个1行13列的table! <table align="center" cellpadding="0" cellspacing="0" > <tr> <td>内容</td> <td>竖线</td> <td>内容</td> <td>竖线</td> <td>内容</td> <td>竖线</td> <td>内容</td> <td>竖线</td> <td>内容</td> <td>竖线</td> <td>内容</td> <td>竖线</td> <td>内容</td> </tr> </table> 然后在内容上写上你的菜单，竖线上写上你的竖线！内容上的超链接就定义好超链接颜色！例如：a{ text-decoration:none; color:#000000;} a:hover{ text-decoration:underline; color:#FF0000;} 至于每个菜单之间的距离，你在td上面定义，如果定义线颜色，也可以在td上面定义！高度用height,颜色如果在样式上写就color,直接写就用font-color吧！ PS：你补习下Html的基本知识吧，很多东西很难说！制作就用dreamweaver吧，容易上手

用CSS如何做导航条

4，divcss怎么写这个导航

用CSS的滑动门技术可以做步骤： 1. 素材：找背景图片(图片的width与height 要与ul的一致) 2. 代码：<style type="text/css"> /*确定菜单的整体位置*/ body /* 设置ul的样式*/ ul.menu font-size:14px; background:url(滑动门技术/hdm.jpg); padding:0 0 0 8px; list-style:none; height:32px;/*背景图片的高*/ width:400px;/*背景图片的宽*/ } .menu li ul li a line-height:32px; color:#ddd; text-decoration: none; padding: 0 0 0 14px; } li strong li a:hover strong </style> </head> <body> <ul class="menu"> <li><a href=" http://www.baidu.com" ><strong>CSS</strong></a></li> <li><a href="#"><strong>HTML</strong></a></li> <li><a href="#"><strong>Dreamweaver</strong></a></li> <li><a href="#"><strong>Photoshop</strong></a></li> <li><a href="#"><strong>Home</strong></a></li> </ul> </body>

用<li>定义导航项目，CLASS设置成一样；对相同CLASS的导航项目写几个属性：WIDTH,HEIGHT,BODER,BACKGROUD. 当点击进入某导航后，控制当前导航项目LI的background为另外一张图片；这些LI，都用一个容器来装，比如DIV，再定义这个DIV的大小和位置即可；