網(wǎng)站建設(shè)是指使用標(biāo)識(shí)語(yǔ)言（markup language)，通過一系列設(shè)計(jì)、建模、和執(zhí)行的過程將電子格式的信息通過互聯(lián)網(wǎng)傳輸，最終以圖形用戶界面（GUI）的形式被用戶所瀏覽。簡(jiǎn)單來說，網(wǎng)頁(yè)設(shè)計(jì)的目的就是產(chǎn)生網(wǎng)站。簡(jiǎn)單的信息如文字，圖片（GIF，JPEG，PNG）和表格，都可以通過使超文件標(biāo)示語(yǔ)言、可擴(kuò)展超文本標(biāo)記語(yǔ)言等標(biāo)示語(yǔ)言放置到網(wǎng)站頁(yè)面上。    美化主要表現(xiàn)在鼠標(biāo)放到菜單上后（即鼠標(biāo)懸停）的效果，這里首先介紹幾個(gè)經(jīng)常用到的CSS屬性：

　　background-color：背景色，其值為一個(gè)顏色值，如“#FF0000”、“red”。

　　border：邊框樣式，一個(gè)形如“寬度 樣式 顏色”的字符串，如“1px solid red”，即1px的紅色實(shí)線邊框。

　　cursor：鼠標(biāo)指針樣式，取值為表示鼠標(biāo)指針樣式的字符串，如“hand”、“help”，即小手、幫助狀態(tài)。

　　以上只是簡(jiǎn)單的介紹了幾個(gè)在此類菜單中非常常見的CSS屬性，這里也并未做很詳盡的解釋（畢竟這些并不是我們要講解的重點(diǎn)），欲了解更多可參閱相關(guān)資料。筆者在這里想說的是：掌握更多的CSS屬性會(huì)對(duì)你有所幫助。

　　前面說了，美化主要表現(xiàn)在鼠標(biāo)放到菜單上后的效果，那么如何用JavaScript來控制樣式的變化呢？或者你會(huì)想到前面講過的style對(duì)象，的確，用style可以達(dá)到目的，但是，很多時(shí)候，需要改變很多個(gè)CSS屬性，用style就顯得有些麻煩。我們?cè)賮斫榻B一個(gè)新的屬性：className。

　　className屬性對(duì)應(yīng)的就是CSS的class，也即所謂的偽類，比如在某個(gè)標(biāo)記中設(shè)置class=myName，那么這時(shí)該元素的className屬性就是myName。

　　來看下面這個(gè)例子：