網頁導航欄製作:如何為網頁新增導航欄
操作方法
製作一個放導航欄的容器
製作一個放導航欄的容器,容器名為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>
導航欄在瀏覽器頁面的顯示結果如下圖所示:
-
360安全衛士桌面上的圖示不見了怎麼找回?
平時我們安裝一些常用的軟體的時候,在進行安裝的時候,大多數都會把它的快速啟動圖示建在桌面上,如果這些圖示由於電腦的原因或者是其它的原因在桌面上找不到它的啟動圖示的話,我們要通過什麼樣的方式才能找到它?操作方法(01)在我們安裝軟體的時候,它都會在桌面上和開始...
-
四川地稅如何網上申報
四川地稅系統網上申報操作流程操作方法(01)開啟四川地方稅務局網上辦稅服務廳(02)在登入的地方輸入稅號,並用註冊的手機收驗證碼有CA證書的比較方便,直接插入CA證書登入(03)若在外區有經營業務的,這時要進行選擇是報哪個一區的稅(04)選擇好後,頁面上會有獲取申報點選進去這...
-
如何使用PPT輸入化學式
今天我給大家尤其式學生們介紹一個怎麼使用PPT輸入化學式的傳統方法,希望能幫到你們,一起來看看吧!操作方法(01)首先你需要做的就是開啟一個新建的文字,在上方的選單欄裡面選擇插入選項卡,看到右邊選擇繪製橫排文字框。(02)線使用滑鼠選中文字框,右鍵單擊滑鼠,選擇跳出選...
-
如何將CorelDraw檔案轉為jpg圖片
CorelDraw儲存的原始檔是CDR格式,將檔案轉為jpg格式的圖片。操作方法(01)準備好CorelDraw檔案(02)然後開啟CorelDraw軟體進入介面,選擇選單欄中的-檔案-開啟,(03)找到準備好的cdr檔案,將檔案置入到文件中(04)當匯出時,點選選單欄中的-檔案-匯出(05)在儲存型別中找到jpg格式,點...