CSS怎么用li制作导航栏

您好！您应该提问了2次吧，再给您回答一次：

<style>
body,li,ul{margin:0;padding:0;}  / 浏览器重置 /
li{list-style:none;}    / 浏览器重置 去掉li前面的点 /
nav{background:#36C;zoom:1;width:500px;margin:50px auto;}   / 设置整个导航条的样式，以及IE的清浮动 /
nav:after{clear:both;display:block;content:"";}  / 标准浏览器的清浮动，因为里面的li浮动了 /
nav li {float:left;padding:0 10px;color:#F00;height:24px;line-height:24px;} / 每个导航项的样式，关键是设置浮动让每个li在同一行（float:left;） /
</style>
<ul class="nav">
    <li>导航项1</li>
    <li>导航项2</li>
    <li>导航项3</li>
    <li>导航项4</li>
</ul>

希望我的回答能够帮到您！如果有什么不懂的可以追问我。如果有帮助请采纳，回答不易！

按照标准的写法，应该是每个li都有背景，且背景的位置为right、top，右侧顶部。当然，你还需要为最后一个设置为无背景。使用：
#nav ul lilast,#nav ul li:last-child {background:none;}
last-child是标准的伪类写法，而lilast则是使用js来修正的，你需要使用js（或交给程序，他也可以判断输出的）给予最后一个li一个指定的class即可。
还有其他的写法，如，逐个输出空的li元素，并命名为lisplit 分隔。最后一次不输出（需要程序人员配合）。

这样的导航一般是切两张下来
一张是正常状态时候的
一张是鼠标移上去时的
把切下来的两张合在一起，变成一张（这样是为了减少对服务器的请求次数，减小服务器的压力，一般大的网站都是这样做的）
然后设置css，a：hover时，更改背景，注意把背景的位置调整正确
就可以达到效果了
不懂的话百度hi我
给你做类似的例子

是百度空间吧？
我估计是这样：
这一张就把那五个词包含了。
导航栏原本的字实际颜色为透明。
然后就是导航栏竖排问题。
这个，最简单的方法就是：
header {width:100px} /header宽度100px
tab a {width:60px} /单一按钮宽度，只要两个按钮宽度和超过100就行
这只是一个举例。为了与上的字完全合衬上，你得一遍遍试验。

div+css网页导航怎样编写代码,显示以下效果 思路就是利用 li 标签的 浮动 float:left;

CSS部分

<style type=text/css>

#bar

{
width:200px;

background:#333;

height:600px;

}

#bar li

{

list-style:none;

float:left;

color:#FFF;

font-size:12px;

border-right:1px solid #FFF;

padding:2px 5px 2px 5px;

}

</style>

body部分

<div id="bar">

<ul>

<li>

导航1

</li>

<li>

导航1

</li>

<li>

导航12

</li>

<li>

导航55

</li>

<li>

导航111

</li><li>

导航111

</li>

</ul>

</div>
div+css 网页导航怎样变成横的一排显示？回的大人请帮忙看一下代码
第一次见到id可以这么写：<div #container>
想要菜单横排显示，在style里加上这个：
li{
float:left;
}
怎样写asp网页导航条代码
你直接用DREAMWEAVER编辑就可以了，很简单的。如果硬要手工编辑的话，也可以参照你前面导航条的代码啊。
网页导航代码
说句实话，frontpage 已经out了，用dreamweaver或visual studio 吧！
下面这个网页效果图用DIV＋CSS代码怎么写啊
<div class="list">
<ul>
<li><img src=images/picjpg width=100 height=100 alt="" /></li>
<li><img src=images/picjpg width=100 height=100 alt="" /></li>
<li><img src=images/picjpg width=100 height=100 alt="" /></li>
<li><img src=images/picjpg width=100 height=100 alt="" /></li>
<li><img src=images/picjpg width=100 height=100 alt="" /></li>
<li><img src=images/picjpg width=100 height=100 alt="" /></li>
</ul>
</div>
<style>
list li{float:left; margin:10px 10px 0 10px; display:inline; /解决ie6双倍像素/}
list li img{border:1px solid #c;}
</style>
搞定
CSS+HTML+JS做的网页导航效果
js选项卡，很多现成的 你搜搜
求网页导航代码
你好 你要的导航在我们的案例里有这样的展示区
导航的是用JS+CSS的
:wzzw/service/urlasptypeid=1
改网页导航代码
#nav li ul a:hover {
color:#F3F3F3;text-decoration:none;font-weight:normal;
background:#C00; ->#0000FF}
#nav li:hover ul {
left: auto;
}
#nav lisfhover ul {
left: auto;
}
#content {
clear: left;
}
-->
</style>
把 问号那个地方的按要求该就可以了！如果找不到，我在线！
怎么写导航的css代码，用div+css来写
你这个回答真是搞笑。。。
:aa25/special/navigation/indexs
这里的教程比较丰富，你自己看吧。一楼的那个我都懒得看，虽然我是高级前端。
网页导航的代码
代码太多，不方便发。
加我QQ,我把代码发你 282735353, 注明:百度知道,网页导航的代码

---