萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> DivCSS教程 >> CSS教程網站制作如何打造導航藍色效果

CSS教程網站制作如何打造導航藍色效果

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

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

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

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

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

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

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

copyright © 萬盛學電腦網 all rights reserved