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用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就顯示背影色,點擊後的背影色也不變。