DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> DIV十CSS布局 >> 布局實例 >> CSS教程網站制作如何打造導航藍色效果
CSS教程網站制作如何打造導航藍色效果
編輯:布局實例     

   網站制作如何打造導航藍色效果首先是整體布局聲明。利用通配符“*”表示在不特別聲明的情況下,默認所有元素的邊距及填充均為零。

  我們設置UL無序列表nav的背景色為#06c,向左浮動,寬度是100%。這兩段代碼定義以後,我們的菜單就能緊靠著浏覽器窗口了,並且它的寬度是100%。

  菜單的列表項li定義為display:inline;內聯(行內)將li限制在一行來顯示及設置列表項預設標記為無;

  我們接著往下看鏈接區域的代碼意義,link、visited狀態:

  鏈接元素向左浮動,填充上下為5px、左右為12px。

  文字顏色為白色,去除鏈接下劃線。背景色#06c與上面的相同。

  我們定義了右邊框線:1px、實線、白色#fff。這一句很重要,它明確的劃分了菜單鏈接之間的距離。這一句話是縮下的形式。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved