無序列表前小黑點圖片替換方法
阿新 • • 發佈：2017-07-31
png 替換方法 doc rep posit alt -i ges -1
無須列表前小黑點圖片替換方法：
直接上代碼：
<!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>
小黑點的替換圖片為：
顯示效果為：
無序列表前小黑點圖片替換方法