網頁導航欄製作:如何為網頁添加導航欄
操作方法
製作一個放導航欄的容器
製作一個放導航欄的容器,容器名為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>
導航欄在瀏覽器頁面的顯示結果如下圖所示:
-
怎麼取消電腦自動鎖屏
不喜歡電腦自動鎖屏,但也不知道怎麼設置,沒關係,一起和我來了解一下吧。操作方法(01)我們先打開“控制面板”,可以在“開始菜單”或者是直接在桌面上打開,大家就自己選擇吧。(02)打開之後,我們選擇“系統和安全”。(03)再在“電源選項”下,選擇“更改計算機睡眠時間”。(04)最...
-
筆記本電腦win10如何快速取消“鎖屏密碼”?
日常工作生活中,除了工作和公眾場所,私人以及家裏電腦沒有必要設置鎖屏密碼,每次登錄輸入一連串密碼顯得多餘,已經設置的可以取消。下面介紹一下“筆記本電腦win10如何快速取消“鎖屏密碼”?”操作方法(01)右鍵點擊桌面左下角“開始”——“運行”,打開“運行”對話框...
-
郵箱快速註冊,不用手機號
如何快速註冊郵箱?如何不用手機號註冊郵箱?僅以TOM郵箱為例。操作方法(01)點擊連接進入TOM郵箱註冊頁面輸入郵箱賬號等信息(02)選擇微信註冊,拿出手機掃一掃即可完成註冊特別提示使用微信掃一掃,不用手機號和驗證碼...
-
打印機出現卡紙怎麼辦,打印機卡紙怎麼處理
有沒有小夥伴在使用打印機的時候遇到過故障。下面我們就一起來看看關於打印機出現卡紙怎麼辦?打印機卡紙應該怎麼處理的具體方法。打印機卡紙要怎麼拿出來(01)當我們使用的打印機突然出現突然卡紙現象是怎麼回事呢?首先我們需要先打開打印機的“前額”。(02)下圖就表...