網站制作如何打造導航藍色效果首先是整體布局聲明。利用通配符“*”表示在不特別聲明的情況下,默認所有元素的邊距及填充均為零。
我們設置UL無序列表nav的背景色為#06c,向左浮動,寬度是100%。這兩段代碼定義以後,我們的菜單就能緊靠著浏覽器窗口了,並且它的寬度是100%。
菜單的列表項li定義為display:inline;內聯(行內)將li限制在一行來顯示及設置列表項預設標記為無;
我們接著往下看鏈接區域的代碼意義,link、visited狀態:
鏈接元素向左浮動,填充上下為5px、左右為12px。
文字顏色為白色,去除鏈接下劃線。背景色#06c與上面的相同。
我們定義了右邊框線:1px、實線、白色#fff。這一句很重要,它明確的劃分了菜單鏈接之間的距離。這一句話是縮下的形式。