gpt4 book ai didi

html - 使用 CSS 在矩形上画圈

转载 作者:太空狗 更新时间:2023-10-29 16:49:16 25 4
gpt4 key购买 nike

<分区>

我想设计一个类似于下图的形状(介于圆形和矩形之间的效果):

enter image description here

我知道圆形是使用 border-radius 设计的,类似矩形的形状是使用一些具有 display: block 样式的无序列表设计的。但我不明白如何将圆圈保持在矩形上方,以便看起来矩形的某些部分被圆形形状的圆圈切割(圆形和矩形之间的白色空间)。

我试过box-shadow, outline, overflow等等,但是都不行。
谁能告诉我如何设计它如下图所示?

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