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

实例解析:

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 中可能的值。    


Weiter lernen
||
<!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>
einreichenCode zurücksetzen