标签`li`的样式

Question

我想在右侧标记<li>中添加以下复选标记。怎么回事？

此复选标记：

示例： http://jsfiddle.net/HpVcy/

ul li{
padding: 3px 10px 3px 10px;
background:url(http://img4up.com/up2/73089745861375946127.png) no-report;    
}

Answer 1

试试这个

ul li{
padding: 3px 15px 3px 10px;
background:url(http://img4up.com/up2/73089745861375946127.png) no-repeat right;    
}

注意：这不是重复，不是没有报告

Answer 2

你可以添加
li { list-style-image: url("http://img4up.com/up2/73089745861375946127.png") }

演示：http://jsfiddle.net/HpVcy/7/

更多信息：http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-image

Answer 3

您正在寻找

list-style-image：

ul li{
  padding: 3px 10px 3px 10px;
  background:url(http://img4up.com/up2/73089745861375946127.png) no-report;    
  list-style-image:url(http://i.stack.imgur.com/so5PA.png);
}

（您可能希望在添加background后删除list-style-image网址

Answer 4

使用no-repeat;代替no-report;

Answer 5

你的css中没有报告，它应该是不重复的

Answer 6

将您的背景更改为：

background:url(http://img4up.com/up2/73089745861375946127.png) no-repeat right;    
                                                               ^^^^^^^^^^^^^^^^

并稍微增加右侧的填充，例如：

ul{
    float: right;
    text-align: right;
    direction: rtl;
    margin: 50px 50px 0 0;
}
ul li{
padding: 3px 20px 3px 10px;
background:url(http://img4up.com/up2/73089745861375946127.png) no-repeat right;    
}