无序列表前小黑点图片替换方法:
直接上代码:
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>无序列表小黑点图片替换</title>
<style type="text/css">
* {
padding: 0;
margin: 0;
}
ul {
list-style: none
}
ul li {
background-image: url(img/li-icon.png);
background-repeat: no-repeat;
background-position: 0 0.5em;
}
</style>
</head>
<body>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
</body>
</html>
小黑点的替换图片为:
显示效果为: