今天我們要製作網頁的導覽列
就是網頁上半部固定不動有多個選單的區塊
1.首先要加入這段程式來新增導覽列的選項和圖示
HTML程式方面
在<a href="shop.html">主頁</a>裡面加上要引導到其他網頁的檔案，方便按下可以到別頁
網頁方面
2.在css檔案加入這段程式來消除前面的點點
css程式方面
網頁方面
3.讓導覽列的選單置中
要先在這段程式中的上下加上這段程式，<header></header>和<nav></nav>，
來定義導覽列的區塊，以便等下方便編輯
然後就可以讓導覽列的選單置中
css程式方面
網頁方面
4.讓圖示與選項對齊
css程式方面
網頁方面
5.更改文字的樣式和滑鼠點到選單時的狀態
(一)更改文字的樣式
css程式方面
網頁方面
(二)滑鼠點到選單時的狀態
css程式方面
網頁方面
選單底下會有一條線
今天先到這裡明天繼續！
iThome鐵人賽
看影片追技術