css 移除清單項目 li 預設樣式

實例解析：

list-style-type屬性用於設定清單項目標記的型別。

設定list-style-type：none就可移除清單項目 li 預設樣式。

新建檔案

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
<style>
ul.demo {
 list-style-type: none;
 margin: 0;
 padding: 0;
}
</style>
</head>

<body>
<p>默认列表:</p>
<ul>
 <li>Coffee</li>
 <li>Tea</li>
 <li>Coca Cola</li>
</ul>

<p>删除默认样式:</p>
<ul class="demo">
 <li>Coffee</li>
 <li>Tea</li>
 <li>Coca Cola</li>
</ul>
</body>
</html>

提交重置程式碼

自動運行

全螢幕