本文目录一览

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的大小和位置即可;

文章TAG:网站的导航用css怎么做网站  导航  怎么  
下一篇