<html>標簽
#024_Lay_Navigation
? ? 接著昨天的布局內容，今天這里會教大家如何在自己的網(wǎng)頁里面創(chuàng)建一個漂亮（比白板漂亮一點的）、好用的（比白板好用一點點）的導航欄。
內容部分
? ? 原來的 Nav 一欄寫得十分簡略而且代碼不規(guī)范，這次我們重新將其補充完整。
導航列表
? ? 使用一個 ul 元素，將4個導航部分構建完整。
樣式部分
????剩下的內容需要在 css 部分進行加工。
樣式加工
? ? 在這一部分，我們新增了以下樣式設置——
1、 font-family : sans-serif
? ? 設置了在 body 元素下，所有文字內容的字體。
2、 ul a {}
? ? 在這個部分，我們用 text-decoration： none 對 ul 元素下的 a 元素進行了樣式進行了裝飾，去掉了鏈接的下劃線，并且用 color 屬性對其重新定義了字體顏色為 #233333 色號。
3、 ul a:hover {}
? ? hover 是我們之前沒學過的，它的用處正如其名，當瀏覽者將鼠標懸停在這個 ul 元素下的 a 元素之上時，就會觸發(fā)另外一種樣式，這里我們給這個 hover 懸停狀態(tài)的 ul 元素下的 a 元素設置一個帶下劃線，而且同時還要改變顏色，達到一種悶騷的效果。
最終效果
效果圖
????在導航欄里有四個鏈接，原本是黑色的、且不帶下劃線，當鼠標移上去之后，鏈接就會浮現(xiàn)出下劃線，而且本身顏色變成灰藍色。（截圖軟件原因鼠標憑空消失了）
? ? 是不是很簡單呢？那么請大家現(xiàn)在馬上上手在上一節(jié)課的基礎上進行加工咯！
