网页导航栏设计样式css（导航栏的样式）
本文目录一览：
- 1、如何修改css网站导航宽度和字体
- 2、css+div中有关设计导航栏的，求大神解决。
- 3、用CSS如何做导航条？
- 4、网页导航栏模块设计CSS控制默认第一个LI背影
- 5、如何设计css导航栏
- 6、求助，网页前端设计问题，下图导航栏源码（HTML、CSS），使用框架的话最好用Bootstrap，不用也行学习一下
如何修改css网站导航宽度和字体
要改宽度就改对应的width，在这里不知道这些类哪个对应导航栏。
字体类型用font-family改，大小用font-size。
导航宽度：a.menu{padding:5px 20px 0px 20px;}改成a.menu{padding:5px 25px 0px 25px;}这两个25可以自己调下，因为不知道导航条具体宽度，两个25px;也可以是不同数字。
这几个数字表示内容距离周围的距离，顺序是：上、右、下、左。因左右距离一致，所以可以简写为a.menu{padding:5px; 25px 0px;}
导航宽度这块，其实就是简单的css代码的修改，可以去学习一下，对css有一定认识后，自己就很好改了。
导航字体：.menu_current a.menu{font-family:"微软雅黑";font-size:12px;}这两个是改字体格式和大小的，这个12px;可以自己改数字，达到想要的效果。
导航字体的话，其实是属于代码的常识性操作，很简单的，就是font-family、font-size、font-color等。
css+div中有关设计导航栏的，求大神解决。
!doctype html
html
head
meta charset="utf-8"
title无标题文档/title
style type="text/css"
body{
text-align:center;
}
#contain ul{
padding:0;
list-style-type:none;
}
#contain li{
float:left;
}
#contain li a{
display:block;
text-decoration:none;
background:url(images/2.gif);
height:38px;
}
#contain li a span{
width:100px;
display:block;
background:url(images/4.gif);
line-height:38px;
}
#contain li a:hover{
display:block;
background:red;
}
#contain li a:hover span{
display:block;
background:gray;
height:38px;
}
/style
/head
body
div id="contain"
ul
lia href="#"span首页/span/a/li
lia href="#"span哈哈/span/a/li
lia href="#"span呵呵/span/a/li
lia href="#"span嘻嘻/span/a/li
lia href="#"span哦哦/span/a/li
ul
/div
/body
/html
我稍微帮你改了一下，因为我没有图片！就用颜色代替了一下！
希望对你所帮助！
谢谢，望采纳！
用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
lia href=''目录1/a/li
lia href=''目录2/a/li
lia href=''目录3/a/li
lia href=''目录4/a/li
/ul
/div
/body
/html
网页导航栏模块设计CSS控制默认第一个LI背影
像上面那种，就是定义ACTIVE属性，使其A的背影带色，每个页植入对应的ACTIVE，比如，首页只植入在第一个LI，第二个页只植入第二个LI。。。另外定义LI属性，使其HOVER的背影跟ACTIVE的背影色一样，这样子移动鼠标时对应的LI就显示背影色，点击后的背影色也不变。
如何设计css导航栏
导航一般情况下是利用ul-li-a去做，a标签设置块元素调整高度，两端用padding，再去用margin调整间距，适当用float。
求助，网页前端设计问题，下图导航栏源码（HTML、CSS），使用框架的话最好用Bootstrap，不用也行学习一下
颜色质感什么我就不说了,自己调去
显示有很多种,点击显示的话用JS或者JQuery做动态,$("#[菜单ID]").click(function(){
$("#[菜单下拉框ID]").show();})就行.
如果是鼠标移上去显示的话 建议写成ul和li的list形式.
样式就这样写:
ul:hover ul li{
visible: true;
}
本身的visible设置成false就行.效果是你移动到ul上面时ul下面的li元素会变为可见.
注意position要设置成relative防止错位,然后display改成block这样你的li元素会像div一样显示出来
