css list-style-image 属性用于指定图像作为有序或无序列表项的标志。通常使用 list-style-position 属性控制图像标记的位置。需始终规定一个 "list-style-type" 属性以防图像不可用。
css list-style-image属性怎么用?
list-style-image 属性使用图像来替换列表项的标记。
基本语法:
list-style-image:URL|none;
属性值:
● URL:图像的路径。
● none:默认。无图形被显示。
说明:这个属性指定图像作为一个有序或无序列表项标志。通常使用 list-style-position 属性控制图像相对于列表项内容的放置位置。
注释:请始终规定一个 "list-style-type" 属性以防图像不可用。所有浏览器都支持 list-style-image 属性。
css list-style-image属性 示例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> ul { list-style-image:url('sqpurple.gif'); } </style> </head> <body> <ul> <li>咖啡</li> <li>茶</li> <li>可口可乐</li> </ul> </body> </html>
效果图:
以上是css list-style-image属性怎么用的详细内容。更多信息请关注PHP中文网其他相关文章!