css list-style-image属性怎么用

互联网 19-5-29

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属性怎么用的详细内容，更多内容请关注技术你好其它相关文章！

来源链接：

免责声明：
1.资讯内容不构成投资建议，投资者应独立决策并自行承担风险
2.本文版权归属原作所有，仅代表作者本人观点，不代表本站的观点或立场

标签： list-style-image属性

css list-style-image属性怎么用

相关资讯

标签推荐