在一个声明中设置所有的列表属性

实例解析：

list-style属性是一个简写属性，可以在一个声明中设置所有的列表属性。

可以设置的属性（按顺序）为： list-style-type, list-style-position, list-style-image。

可以不设置其中的某个值，比如 "list-style:circle inside;" 也是允许的；未设置的属性会使用其默认值。

说明：

　●　list-style-type：设置列表项标记的类型。参阅：list-style-type 中可能的值。

　●　list-style-position：设置在何处放置列表项标记。参阅：list-style-position 中可能的值。

　●　list-style-image：使用图像来替换列表项的标记。参阅：list-style-image 中可能的值。

继续学习

新建文件

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <style> ul { list-style:square url('https://img.php.cn/upload/article/000/000/015/5c6e720242040312.gif'); } </style> </head> <body> <ul> <li>PHP</li> <li>JavaScript</li> <li>MySQl</li> </ul> </body> </html>

提交重置代码

自动运行