带有破折号和自定义字体颜色的列表的HTML

带有破折号和自定义字体颜色的列表的HTML,html,css,Html,Css,我正在完成Wordpress网站的定稿,但我的最后一个挑战是创建一个带有破折号而不是圆点的项目符号列表-破折号也必须是白色以匹配字体颜色 我在这里尝试了一些答案,但似乎没有什么是正确的 文本和破折号必须为白色(因为它位于蓝色背景上) –可持续增长 –增加利润 –扩大市场份额和 –提高效率如果您使用的是UL->LI,则可以按照以下步骤操作: 1) 用油漆画连字符。 2) 另存为png 3) 在css中,对于您的UL,您可以应用以下样式: ul { list-style-image: url('

我正在完成Wordpress网站的定稿,但我的最后一个挑战是创建一个带有破折号而不是圆点的项目符号列表-破折号也必须是白色以匹配字体颜色

我在这里尝试了一些答案,但似乎没有什么是正确的

文本和破折号必须为白色(因为它位于蓝色背景上)

–可持续增长

–增加利润

–扩大市场份额和


–提高效率

如果您使用的是UL->LI,则可以按照以下步骤操作:

1) 用油漆画连字符。 2) 另存为png 3) 在css中,对于您的UL,您可以应用以下样式:

ul {
  list-style-image: url('hyphen.png');
}

希望这有帮助:)

您可以使用
:before
显示连字符

ul{
保证金:0;
}
连字符{
列表样式类型:无;
}
ul.hyphen>li{
文本缩进:-10px;
}
李:之前{
内容:“-”;
文本缩进:-10px;
}
一些文本
  • 清单1
  • 清单2
  • 清单3
最后一个文本
由于破折号“–”不是用于项目符号列表的样式类型,您可以使用Vinod在其回答中建议的图像,或者–IHMO–使用
::before
模拟所需的样式,以获得更简单的解决方案

ul{
背景颜色:蓝色;
颜色:白色;
列表样式类型:无;
}
李:以前{
内容:“–”;
}
  • 可持续增长
  • 增加利润,
  • 扩大市场份额和
  • 提高效率

您应该显示当前代码及其输出以获得更好的回答欢迎使用堆栈溢出。我建议你参加考试,同时也要充分了解本网站的规则,并获得一些关于提出一个好问题的建议(这将增加你获得好答案的机会),这将给你第一个徽章!好东西!Will do:)两个问题被@dippas标记为重复,这意味着我不能再问任何问题了。我已经更新了问题,解释了我的挑战以及为什么其他条目不适合我。我发现这样一个事实,即问题只是随机标记为重复的,而没有真正理解挑战是毫无帮助和不公平的。如果这个社区不愿意帮助正在学习的人,那么它应该说些什么,即我们是一个精英社区,对初学者没有耐心。