css remove list item li default style

Example analysis:

list-style-type attribute is used to set the type of list item tag.

Set list-style-type: none to remove the default style of list item li.

new file

<!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>

submit Reset Code

Automatic operation

Full Screen