导航:首页 > 万维百科 > 网页设计导航栏透明

网页设计导航栏透明

发布时间:2020-11-13 06:17:11

1、网页设计`:导航条”存在几种状态,分别是什么?

鼠标经过

鼠标按下

鼠标松开

鼠标离开

2、网页设计中的导航栏问题

<style type="text/css">
<!--
ul,li{margin:0;padding:0;}
#nav {
height: 400px;
width: 200px;
border: 1px solid #000000;
}
#nav li {
list-style-image: none;
list-style-type: none;
background-color: #99FF00;
}
#nav li:hover{ background-color: #333333;cursor:pointer;}
-->
</style>
这样也能实现你要的效果,不过ie6好像不支持。如果用<a>的话会比较复杂

3、网页制作中,导航条通常包括几种状态。分别是什么

1.鼠标经过
2.鼠标按下
3.鼠标松开
4.鼠标离开

4、网页设计中导航条与下拉菜单中的空白怎么去除

你的描述不清不楚,怎么回答!

如果你是用ul li做的导航条下拉菜单,应该内是ul li标签的默认容margin(边界)、padding(填充)没有清0导致空白。

实现代码:

ul,li
{
    margin:0px; padding:0px; list-style:none;
}

用CSS将ul li默认属性清0即可!

兄弟,你的CSS技术还不够火候,建议你去 电脑万事通 网站建设栏目学习一下CSS的实际应用,能够解决你目前遇到的很多问题。

5、网页设计导航条

下面的代码,你去看看,不好用再说。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
<!--
body {
background-color: #0099FF;
}
#navigation {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
#navigation ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#navigation li {
border-bottom-style: none;
border-bottom-color: #ed9f9f;
border-top-style: none;
border-right-style: none;
border-left-style: none;
border-top-color: #ed9f9f;
border-right-color: #ed9f9f;
border-left-color: #ed9f9f;
float: left;
}
#navigation li a {
text-decoration: none;
display: block;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 0.5em;
border-right-width: 1px;
border-left-width: 12px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #711515;
border-left-color: #711515;
border-top-style: none;
border-bottom-style: none;
width: 50px;
text-align: center;
margin: 0px;
}
#navigation li a:link, #navigation li a:visited {
color: #FFFFFF;
background-color: #c11136;
}
#navigation li a:hover {
color: #ffff00;
background-color: #990020;
}
#navigation ul li:hover ul,#navigation ul a:hover ul {
visibility: visible;
}
#navigation ul ul {
visibility: hidden;
}
#navigation ul ul li {
clear: both;
}
#navigation ul ul li a {
border: 1px solid #CCCCCC;
}
#navigation ul ul li a:link, #navigation ul ul li a:visited {
color: #000000;
background-color: #FFCC66;
}
#navigation ul ul li a:hover {
color: #006699;
background-color: #99CC00;
}
.nav {
border: 1px solid #0099CC;
position: absolute;
width: 357px;
left: 112px;
top: 34px;
}
.nav ul {
margin: 0px;
padding: 0px;
list-style-type: none;
font-size: 12px;
}
.nav li {
float: left;
}
.nav li a {
border: 1px solid #FF3333;
display: block;
padding: 5px;
background-color: #FFCC33;
text-decoration: none;
}
-->
</style>
</head>

<body>
<div id="navigation">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">关于我们</a></li>
<li><a href="#">产品展示</a>
<div>
<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>
<li><a href="#">产品5一</a></li>
<li><a href="#">产品6一</a></li>
</ul>
</div>
</li>
<li><a href="#">联系电话</a>
<div>
<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>
<li><a href="#">产品5一</a></li>
<li><a href="#">产品6一</a></li>
</ul>
</div>
</li>
<li><a href="#">公司介绍</a></li>
</ul>
</div>

</body>
</html>

6、导航栏是网页设计中非常重要的元素。

设计网页(⊙_⊙)? 我觉得不是专业的设计出来也不怎么好看 建议去买个套装 我之前就是自己学设计 学了3天头都搞大了 结果后来我在淘宝网店和拍拍网店买的套装 真划算 30块钱就解决了 最重要的是节约了我的时间 弄那个不懂的人真的很费头脑 就拿PS来说吧 我学那个逐帧动画就学了很久 最后祝你好运!!!

7、网页制作!求大神指导如何做出以下导航栏效果 急急急!!!!

这个得写js啊,原理:本科生是一个div,它下面的内容是一个ul,div实现一个click方法,写隐藏和显示ul。

8、我在做网站,请问怎样设计网页导航栏可以全屏显示的,如图所示,导航栏绿色背景左右两边可以无限延伸。

宽度设抄置为1920PX,或者100%

设置1920PX的原因是,现在袭显示器最大分辨率宽度是1920PX,所以1920一般就可以代表全屏了。
如果考虑的方向有点多的话,就设置为100%
再说了, 如果你使用的是DIV,默认它就是铺满的,因为它是行级,并非块级。

9、网页导航栏模块设计CSS控制默认第一个LI背影

像上面那种,就是定义ACTIVE属性,使其A的背影带色,每个页植入对应的ACTIVE,比如,首页专只属植入在第一个LI,第二个页只植入第二个LI。。。另外定义LI属性,使其HOVER的背影跟ACTIVE的背影色一样,这样子移动鼠标时对应的LI就显示背影色,点击后的背影色也不变。

与网页设计导航栏透明相关的知识