无须列表前小黑点图片替换方法:
直接上代码:
<!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>
小黑点的替换图片为:
显示效果为:
时间: 2024-12-28 18:18:14