当前位置: 首页 > 面试题库 >

在不使用跨度的情况下更改HTML列表的项目符号颜色

周和歌
2023-03-14
问题内容

我想知道是否可以更改列表中项目符号的颜色。

我有一个这样的清单:

<ul>
   <li>House</li>
   <li>Car</li>
   <li>Garden</li>
</ul>

对我来说,不可能在li中插入任何内容,例如“ span”或“ p”。那么,我可以以某种巧妙的方式更改项目符号的颜色,但不能更改文本的颜色吗?


问题答案:

如果可以使用图像,则可以执行此操作。如果没有图像,您将只能更改项目符号的颜色,而不能更改文本的颜色。

使用图像

li { list-style-image: url(images/yourimage.jpg); }

不使用图像

然后,您必须编辑HTML标记,并在列表中包括一个跨度,并为li和跨度涂上不同的颜色。



 类似资料:
  • 问题内容: 我所希望的是能够将列表中项目符号的颜色更改为浅灰色。它默认为黑色,我不知道如何更改它。 我知道我只能使用图像;如果可以的话,我宁愿不这样做。 问题答案: 项目符号从文本中获取颜色。因此,如果您要使用不同于列表中文本颜色的项目符号,则必须添加一些标记。 将列表文本换成跨度: 然后稍微修改您的样式规则:

  • 问题内容: 我想在字体为时使用光标。 那可能吗? 问题答案: 您可以定制一个。

  • 我目前正在进行FreecodeCamp的第一次测试,所以我的问题可能是愚蠢的。我想把#Titles的行高改小一点,同时保持它的背景色。可能是显示元素,但我想不出该怎么做。另外,我想去掉我的图像周围的白线,就在边界之前... https://jsfiddle.net/deffciu/hrna0lfs/欢迎任何帮助

  • 本文向大家介绍如何在C#中不使用foreach的情况下从列表复制项目到列表?,包括了如何在C#中不使用foreach的情况下从列表复制项目到列表?的使用技巧和注意事项,需要的朋友参考一下 List <T>是强类型对象的集合,可以通过索引对其进行访问,并具有用于排序,搜索和修改列表的方法。它是System.Collection.Generic命名空间下的ArrayList的常规版本。 List <T

  • 我想知道这是否可能,但希望有人能证实。 我用XML创建了一个简单的自定义按钮布局来处理聚焦/按下和Hibernate状态。请参见底部的代码。当我使用它创建一个新按钮时,这很好。然而,我希望用户能够通过颜色选择器改变按钮的颜色,如果他们不喜欢默认的。但是,我所知道的以编程方式更改按钮背景色的唯一方法是使用

  • 我想复制这家伙做的但不使用画布。我想有一个div在我的页面的中心,并简单地增加宽度/高度/边界半径10px每秒。这工作得很好,但是由于某种原因,div越大,它向右下方移动的越多。圆圈不是静止不动的,它的中心位置随着它变大而改变。如何在不改变位置的情况下更改div的宽度/高度? main.css index.html APP咖啡