用CSS如何做导航条？

来源：百度知道 编辑：UC知道 时间：2024/05/18 14:05:11
我一直想做个导航条
http://esf.cd.focus.cn/newesf/jdljl/index.php
像这里面"二手房首页"的这种！

请高人赐教！……

我想要一个具体的步骤，包括从表格开始.CSS能不能在设计这块把它弄出来，我不懂代码的，给个代码给我我都不知道放在哪里的那种！所以请热心人耐心的帮忙解答下！

单独的css是无法完成导航条的，需要结合html，一般导航条的制作都是通过一个div包裹着ul，使用li来排列完成导航条的html部分，css中，我们需要给这个div宽高，还需要设置好li的宽，高，还有一个float属性，这样基本上导航条就制作完成，请看代码：
<html>
<head>
<style>
#div1{
width:600px;
height:40px;
font-size:13px;
}
#div1 ul li{
list-style:none;
width:50px; //具体的高宽需要根据实际要求
height:30px;
}

</head>
<body>
<div id='div1'>
<ul>
<li><a href=''>目录1</a></li>
<li><a href=''>目录2</a></li>
<li><a href=''>目录3</a></li>
<li><a href=''>目录4</a></li>
</ul>
</div>
</body>
</html>

你会插入table吧！先插入一个1行13列的table!
<table align="center" cellpadding="0" cellspacing="0" >
<tr>
<td>内容</td>
<