导航条制作用CSS如何做导航条？

导航条制作时间:2021-10-29 阅读:()

css导航栏的制作

#menu ul li { width:130px; height:65px;float:left;margin:0 0px; background:url(../images/树叶.gif) no-repeat;text-align:center; :24px;}

怎样制作导航条

一般是用DIV+CSS制作比较好

<div>

</div>

如果是导航图片你可以有2个选择一个是在线生成一个是PHOWOTOP制作

在线生成很简单你可以在这看看： http://www.55.la/

用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>

展开全文