<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>list-style</title> <style> /*参考:https://www.w3school.com.cn/cssref/pr_list-style.asp 知识点: list-style简写属性,在一个声明中设置所有的列表属性。 默认值:disc outside none 可以不设置其中的某个值,比如 "list-style:circle inside;" 也是允许的。 未设置的属性会使用其默认值。*/ ul { /*list-style: square inside url('https://www.w3school.com.cn/i/eg_arrow.gif')*/ list-style: url('https://www.w3school.com.cn/i/eg_arrow.gif') } </style> </head> <body> <ul> <li>咖啡</li> <li>茶</li> <li>可口可乐</li> </ul> </body> </html>