初學者不喜歡 ul 标簽的最重要一點莫過于其前面的黑點了，每次寫個無序清單其前面總有一個黑點是個很讨厭的事，去掉黑點的話自然是要用到 list-style：none；這條css 屬性設定了。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
ul{list-style：none；}
</style>
</head>
<body>
<ul>
<li>11111</li>
<li>22222</li>
<li>33333</li>
<li>44444</li>
<li>55555</li>
</ul>
</body>
</html>
這樣一來，li 标簽前面的黑色點就會消失，可是有時候我們需要所有的 li 标簽都處于同一行上要怎麼做呢？自然是用 display：inline-block；來改變其行塊屬性了，也有人喜歡用浮動--float：left；但是浮動往往伴随着清浮動，怪麻煩，是以我個人認為還是改變行塊屬性比較好
關于 ol 标簽的設定，預設 ol 标簽内的 li 前面是帶數字的，然而這個是可以修改的，代碼如下：
<ol>
</ol>
如果這樣，預設 li 前面是數字123……n，如果我們改變ol 的 type 屬性，則可以修改
type 可選的屬性值有“1”、“a”、“A”、“i”、“I”，如果 type 為1，那麼 li 前面的數字跟預設相同，從1開始的自然數，如果屬性值為“a”，那麼 li 前面是 abcd……，這裡要注意的一點是，當26個英文字母用完後，後面會繼續排，如圖：
“A”與此相同，至于“i”和“I”則是羅馬數字的排序。