项目符号背景颜色属性?CSS
我想改变我的要点的背景颜色项目符号背景颜色属性?CSS,css,Css,我想改变我的要点的背景颜色 ul { list-style-type: square; list-style-position: outside; list-style-image: none; } 是否有项目符号背景颜色属性? 像这样的事 list-style-background-color: blue; 编辑 更改字体颜色和项目符号颜色,但我只想更改项目符号颜色,不使用字体。只需写颜色:蓝色;并用颜色:黑色添加到或内部文本中只需写颜色:蓝色;用黑色添加到或内部文本中 HTML:
ul {
list-style-type: square;
list-style-position: outside;
list-style-image: none;
}
是否有项目符号背景颜色属性?
像这样的事
list-style-background-color: blue;
编辑
更改字体颜色和项目符号颜色,但我只想更改项目符号颜色,不使用字体。只需写颜色:蓝色;并用颜色:黑色添加到
或内部文本中只需写颜色:蓝色;用黑色添加到或内部文本中
HTML:
<ul>
<li><span>one</span>
</li>
<li><span>one</span>
</li>
<li><span>one</span>
</li>
<li><span>one</span>
</li>
</ul>
ul {
list-style-type: square;
list-style-position: outside;
list-style-image: none;
color:#f00;
}
li {
color:#f00;
}
li span {
color:#999;
}
试着这样做:
HTML:
<ul>
<li><span>one</span>
</li>
<li><span>one</span>
</li>
<li><span>one</span>
</li>
<li><span>one</span>
</li>
</ul>
ul {
list-style-type: square;
list-style-position: outside;
list-style-image: none;
color:#f00;
}
li {
color:#f00;
}
li span {
color:#999;
}
试试这个
- 嗨
- 嗨
- 嗨
李{
颜色:蓝色;
}
李迪夫{
颜色:黑色;
}
试试这个
- 嗨
- 嗨
- 嗨
李{
颜色:蓝色;
}
李迪夫{
颜色:黑色;
}
如果您不想使用
或
您可以使用:before
将自定义项目符号添加到li
li {
list-style:none;
}
li:before {
content: "";
position:relative;
left: -10px;
background-color:red;
display:inline-block;
width:5px;
height:5px;
}
如果您不想使用
或
您可以使用:before
将自定义项目符号添加到li
li {
list-style:none;
}
li:before {
content: "";
position:relative;
left: -10px;
background-color:red;
display:inline-block;
width:5px;
height:5px;
}
不,因为列表标记框的绘制方式没有明确定义,因此无法确定此背景色在列表样式中的显示方式。可能有解决办法,但这一切都取决于你的预期结果。你说的是子弹的颜色还是子弹的背景颜色?子弹的颜色和子弹的背景是分开的?我不知道。我想我指的是背景色。子弹的背景可能与子弹的颜色不同。在这把小提琴中,背景是金色的,颜色是红色的:不,因为列表标记框的绘制方式没有明确定义,因此无法确定此背景颜色在列表样式中的显示方式。可能有解决办法,但这一切都取决于你的预期结果。你说的是子弹的颜色还是子弹的背景颜色?子弹的颜色和子弹的背景是分开的?我不知道。我想我指的是背景色。子弹的背景可能与子弹的颜色不同。在这把小提琴中,背景是金色,颜色是红色:如果我想显示数字而不是子弹呢?@KheemaPandey您可以使用计数器属性:@KheemaPandey:当然,您需要使用其他答案,现在web tiki的评论:P,我只对上述问题的答案。如果我想要颗钻石子弹呢?还是某种形状的子弹?在这种情况下,这将是一个很好的选择。@WebTiki:哇!我不知道。非常感谢你。我想要+1你@谢谢你提醒我关于计数器的事。因为很久没用了……如果我想显示数字而不是子弹呢?@KheemaPandey你可以使用counter属性:@KheemaPandey:当然,你需要使用其他答案,现在WebTiki的评论是:P,我只回答上面的问题。如果我想要颗钻石子弹呢?还是某种形状的子弹?在这种情况下,这将是一个很好的选择。@WebTiki:哇!我不知道。非常感谢你。我想要+1你@谢谢你提醒我关于计数器的事。因为很长时间没用了。。