網頁導航欄製作:如何爲網頁添加導航欄
操作方法
製作一個放導航欄的容器
製作一個放導航欄的容器,容器名爲nav,容器寬爲1000px,高爲30px,背景顏
色爲灰色,相關代碼如下:
#nav
{
width:1000px;
height:30px;
background:#CCC;
margin:0 auto;
margin-top:50px;
}
<div id="nav"></div>
顯示結果
在瀏覽器中顯示的結果爲下圖所示:
在容器中放入一些導航欄
導航欄代碼如下:
<ul>
<li>模組一</li>
<li>模組二</li>
<li>模組三</li>
<li>模組四</li>
<li>模組五</li>
<li>模組六</li>
</ul>
爲導航欄添加一些屬性
<style type="text/css">
#nav
{
width:1000px;
height:30px;
background:#CCC;
margin:0 auto;
margin-top:50px;
}
#nav ul
{
width:960px;
height:35px;
}
#nav ul li
{
float:left;
width:100px;
float:left;
list-style:none;
background:yellow;
line-height:35px;
}
</style>
導航欄在瀏覽器頁面的顯示結果如下圖所示:
-
怎麼在Excel列A數據中篩選出列B數據?
已知excel列A數據和列B數據有部分內容相同,怎樣才能篩選出哪些混在列A中的列B數據呢?最笨的方法就是複製列B的數據查找。這裏,我給大家分享一種方法,既準確又快捷的方法。不信,您嘗試一下。操作方法(01)開啟需要編輯的Excel檔案,觀察列A和列B,列A列B有部分內容重複,現需...
-
桌面圖標有藍底該怎麼解決
有時我們電腦開機後發現自己的的桌面圖標有藍底了,嚴重影響到自己的視覺效果。下來小藥就告訴大家常用的三種方法。操作方法(01)首先我們鼠標右鍵單擊我的電腦,選擇屬性選項,點擊進去後出現如圖所示。我們選擇進階大選項裏的性能裏的設定,點擊進入。(02)現在出現下圖所...
-
二進制、八進制、十進制、十六進制之間的轉換
進制也就是進制位,對於接觸過電腦的人來說應該都不陌生,我們常用的進制包括:二進制、八進制、十進制與十六進制,它們之間區別在於數運算時是逢幾進一位。比如二進制是逢2進一位,十進制也就是我們常用的0-9是逢10進一位。具體的用法小編今天不着重解釋,主要針對他們之...
-
電腦屏幕旋轉快速鍵 。電腦屏幕旋轉了怎麼辦
很多用戶有時會不小心觸發一些系統中的快速鍵導致電腦屏幕方向被更改又不知道怎麼恢復,這就來教一下怎麼旋轉屏幕。方法一(01)電腦屏幕旋轉快速鍵旋轉至正常位置:CTRL+ALT+方向鍵上。旋轉90度:CTRL+ALT+方向鍵左。旋轉180度:CTRL+ALT+方向鍵下。旋轉270度:CTRL+ALT+方...