css – 我如何设置自定义子弹图像的li标签?

前端之家收集整理的这篇文章主要介绍了css – 我如何设置自定义子弹图像的li标签?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图将自定义图像设置为子弹.当我使用背景或背景图像标签它是工作,但不能正确对齐列表类别.而当我使用list-style-image时,它不会将该图像显示为项目符号.

问题:

CSS

萤火

当我将鼠标移到它上面时,图像也显示在firebug中

错误的最终输出

解决方案:

正确输出我想要的

解决方法

这是一种方法,使用背景图像作为项目符号.
我做了一个快速 jsfiddle to demonstrate it
li {
    height: 19px;
    margin: 10px 0; /* not needed,just to add space between the li's */
    background: url('../images/vmgeneral/errow.png') no-repeat left center;
    list-style: none; /* Get rid of the default bullet points */
    padding-left: 25px; /* Offsets the text. Needs to be at least the width of your image */
    line-height: 20px; /* Might have to play with this value a bit */
}

猜你在找的CSS相关文章