關於導航欄，就是導航橫向排列中間用豎線分割的那種，我所見的做法有4種了。最簡單的也是以前最常用的是欄目1 | 欄目2 | 欄目3 這種。
自從div+css爆發開始，很多導航都採用無序列表這種方式了。據說這種方式有n多好處，具體如何不得而知。用做導航欄最大的問題就在於中間的一條豎線。這條豎線的加入方法我見過三種。
利用空的,給這個li乙個class，在class中定義背景寬度為1px，高度為100%或者自己定義高度n px，定義乙個背景色(也似乎是背景圖，偶忘記了，這個不重要)。
利用li中的border,設border-left為1px或者border-right為1px，這樣出現的問題就是欄目最左或者最右會多出乙個border邊框，很難看。一般可以用margin-left(or right):-1px;可以把那個部分隱藏。不過ff裡不可以。
自己用的終極大招：也許很多人這麼用過了。。。。也不算什麼終極大招。不過有乙個!important屬性，很好用哦。
<
style
>
...#special
style
>
<
body
>
<
ul>
<
li id
="special"
>
欄目li
>
<
li>
欄目li
>
<
li>
欄目li
>
<
li>
欄目li
>
ul>
body
>
其實就是在那個第乙個li後面加乙個id啦，id的style是border:none，然後加上!important，提高樣式的優先順序，就ok了。
橫向導航（ul li）實現
1 生成site.css檔案 注 一定要將該檔案的編碼格式設定為utf 8，否則ie6有可能出現亂碼 ul li以橫排顯示 所有class為menu的div中的ul樣式 div.menu ul 所有class為menu的div中的ul中的li樣式 div.menu ul li 所有class為men...
無序列表排版
用無序列表排版的一些問題 1.在div套ul時如果div的樣式沒有設寬度，那ul中margin設定就無法生效。div的樣式要設有寬度，內的ul樣式margin才生效 2.在建表項 li 時，預設為垂直排列，但有時會繼承上人樣式,而使其為水平排列。11 為使以垂直排列，應在il樣式中新增顯示為塊 di...
有序列表 無序列表 巢狀列表
無序列表 有序列表 coffee teamilk coffee teamilk 不同型別的有序列表 編號列表 bananas lemons oranges 大寫字母列表 bananas lemons oranges 小寫字母列表 bananas lemons oranges 羅馬數字列表 banan...