導航菜單的實現
首先定義導航外圍容器的樣式:
#left{
width:178px;
現在外圍容器我們只要簡單的定義其寬度,並賦予left的id名。在left容器中,我們添加壹個名為navcontainer的子容器來放置導航菜單。實現導航的標簽推薦使用無序列表ul,通過CSS我們可以改變其外觀和形式。HTML結構如下:
HomeAboutmeximiccArticlesPhotorollul和li標簽構建了壹個簡單的項目列表,其項目符號默認為小圓點,這是我們不需要的。利用CSS可以去掉那些小圓點,並用背景圖片的形式替換以我們制作好的圖標: