gpt4 book ai didi

html - 带有样式化十进制数字的 UL 列表项

转载 作者:搜寻专家 更新时间:2023-10-31 22:46:04 24 4
gpt4 key购买 nike

<分区>

我需要创建一组列表项,其中我需要使用边框半径和背景色设置列表项编号(小数)的样式。

这是我希望我的列表项看起来像的快照。

The Image is what I am looking for.

我尝试在 li 上设置边框半径和背景,但无法获得我正在寻找的输出。

这是一个 WORKING LINK 到目前为止我尝试过的。我删除了边框半径、背景等,因为它们显示不正确。

HTML:

<ul>
<li>Text Character</li>
<li>Text Character</li>
<li>Text Character</li>
<li>Text Character</li>
<li>Text Character</li>
</ul>

CSS:

li{list-style-type:decimal;}

我希望针对上述问题提供以下解决方案..

  • 不应该是 Sprite 图/背景图解决方案
  • 我只是在寻找一种解决方案,我必须在列表项上使用 border-radius 和 background-color,我试过了,但在我的引用图像中无法按照我想要的方式工作。

等待解决方案。

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com