去掉列表的默认样式
程序员文章站
2022-05-06 09:13:25
...
①默认样式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
ul {
width: 300px;
height: 300px;
background: #ccc;
margin: 100px auto;
}
</style>
</head>
<body>
<ul>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
</ui>
</body>
</html>
②利用list-style 去除默认样式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
ul {
width: 300px;
height: 300px;
background: #ccc;
margin: 100px auto;
list-style: none;
}
</style>
</head>
<body>
<ul>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
</ui>
</body>
</html>
下一篇： JQ layer 弹出层插件