ul、li列表样式部分如下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>列表样式</title> <style> ul.ul1{ /*list-style常用值:decimal数字 circle空心圆 disc实心圆，系统默认*/ list-style-image: url("../../image/icon.png"); /*outside偏向外侧*/ list-style-position: outside; } ul.ul2{ list-style-image: url("../../image/icon.png"); /*inside偏向内侧*/ list-style-position: inside; } </style> </head> <body> <ul class="ul1"> <li>柠檬</li> <li>苹果</li> <li>香蕉</li> </ul> <ul class="ul2"> <li>柠檬</li> <li>苹果</li> <li>香蕉</li> </ul> </body> </html>