CSS代碼當前頁效果的實現的方法

我們為大家收集整理了關於CSS代碼當前頁效果的實現，以方便大家參考。下面來說下具體的做法，菜單的基本實現和一般的CSS菜單沒多大區別，著重說下如何 實現當前頁。

設菜單有5個欄目：home、about、products、services、contact，分別給每個欄目一 個ID，m1-m5，CSS可寫成如下：

以下是引用片段：

#home #nav li#m1 a,

#about #nav li#m2 a,

#products #nav li#m3 a,

#services #nav li#m4 a,

#contact #nav li#m5 a{     color: #FFF;     background: #DC4E1B url(navbg.gif) no-repeat; }

然後分別給每個頁面的bady標簽一個獨立的ID，例如給首頁的ID是home，其余的類推 。

這樣做法的好處是每個頁面的菜單都是一樣的，方便修改，動態頁包含也容易。

希望大家可以學會CSS代碼當前頁效果的實現.想了解更多精彩內容，請關注我們的網站!

相關推薦：

CSS條狀圖表進度條的制作方法