本文介绍了一种使用CSS简化列表图标设置的方法，无需额外标签或伪元素，仅通过list-style-image属性即可轻松实现。
/**这种情况好多人得布局方法都不相同，
有的是加个i标签，用来放图片;
有的是用伪类after 或before 在上面加图片;
等等。。。。。。
那么我现在叫大家一个特别简单得css，不用加标签，不用伪类，只要一句搞定，
好了上代码
效果图
*/
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style>
*{margin: 0;padding: 0;} ul { list-style-image:url('sqpurple.gif'); }
</style> </head> <body>
<ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul></body></html>
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
