網頁導航欄製作:如何為網頁添加導航欄
操作方法
製作一個放導航欄的容器
製作一個放導航欄的容器,容器名為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>
導航欄在瀏覽器頁面的顯示結果如下圖所示:
-
參考文獻在文中怎麼標註(word)
(尾註添加方法)在文章中標註參考文獻,還在一個一個慢慢敲嗎?看看用word怎麼快速實現吧。這裏以word2003為例。操作方法(01)光標移到要加入參考文獻標註的地方(02)菜單中“插入”——“引用”——“腳註和尾註”(03)如圖設置(04)確定後在該處就插入了一個上標“1”,而光標...
-
將pdf轉換成word後文檔全是圖片怎麼辦
MicrosoftWord是微軟公司的一個文字處理器應用程序。它最初是由RichardBrodie為了運行DOS的IBM計算機而在1983年編寫的,很多人不知道將pdf轉換成word後文檔全是圖片怎麼辦,下面讓我們一起來學習一下吧操作方法(01)首先打開捷速OCR文字識別軟件(02)將PDF放入捷速OCR文...
-
英雄聯盟阿卡麗神祕商店鑰匙怎麼使用
神祕鑰匙説明:1、神祕鑰匙由英雄聯盟官方活動發放,暫無其他渠道獲得,敬請留意。2、擁有神祕鑰匙的玩家,在阿卡麗的神祕商店中擁有額外一次刷新折扣的機會操作方法(01)每位召喚師擁有一次抽折扣的機會,使用鑰匙獲得額外一次抽折扣的機會。查看鑰匙説明,在泳池派對的世界...
-
PS CC 2017 安裝和破解 win10版
嘗試過很多個PS版本,還是覺得2017版的最好用,響應速度更快P圖更開心永久版你值得擁有!!操作方法(01)首先你要安裝PS2017軟件如果在網上找不到,可以聯繫小編哦。安裝時,按提示進行操作即可,需要一定的時間。(02)將下載下來的破解文件解壓雙擊打開紅框的程序(這個程序會自動...