如何在有序的]周围创建圆> 元素 好吧,这确实是一个我无法解决的简单问题。我有一个看起来像这样的html文档: <ol> <li> item 1 </li> <li> item 2 </li> <li> item 3 </li> </ol> 以及随附的CSS看起来像这样: ol { list-style: none; counter-reset: li-counter; } ol li { counter-increment: li-counter; } ol li::before { content: counter(li-counter); color: #59cbbe; font-weight: bold; width: 20px; height: 20px; border: 2px solid black; border-radius: 50px; padding: 4px; margin: 10px; } 这里是codepen 我尝试了以下示例并修改了this示例,但无法获取它。所以我也尝试了this。我所遇到的主要问题是,当您看着编码笔时,圆圈不是圆圈,它们始终是长圆形,我使用30px或50%的椭圆形天气是我缺少的东西。抱歉,如果这是一个非常简单的答案,但是我对CSS的了解不是那么好。 好吧,这确实是一个我无法解决的简单问题。我有一个看起来像这样的html文档: 项目1 项目2 ...

问题描述 投票:0回答:1

好吧,这确实是一个我无法解决的简单问题。我有一个看起来像这样的html文档:

css
1个回答
0
投票

嗯,您走在正确的轨道上。您只需将display: inline-block添加到伪元素中,即可使width:20px生效。因此,伪元素将是正方形+圆形边界=圆形。

© www.soinside.com 2019 - 2024. All rights reserved.