無序列表前小黑點圖片替換方法：
直接上代碼：
<!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>
小黑點的替換圖片為：
顯示效果為：
