如何制作蜂窝边框?(CSS)

如何制作蜂窝边框?(CSS),css,hover,border,border-radius,Css,Hover,Border,Border Radius,总的来说,这项任务有点困难。也许这里不应该使用的是border raudius。我不知道 为了更好地解释问题,请查看下图: 有一个项目列表。悬停时,元素边框和侧面的水平线会改变颜色。 即使我设置了边界,我也不知道如何在边上绘制水平线,并使它们在悬停时同时交互 你有什么想法可以实现这一点吗?需要什么方法来解决这个问题 只使用CSS 谢谢 您可以设计和使用svg,并将其内联使用。然后可以使用css更改svg的笔划颜色。这是一个复杂的UI,我认为仅仅使用css是不可能的。SVG。我甚至没有想到他。谢

总的来说,这项任务有点困难。也许这里不应该使用的是border raudius。我不知道

为了更好地解释问题,请查看下图:

有一个项目列表。悬停时,元素边框和侧面的水平线会改变颜色。

即使我设置了边界,我也不知道如何在边上绘制水平线,并使它们在悬停时同时交互

你有什么想法可以实现这一点吗?需要什么方法来解决这个问题

只使用CSS


谢谢

您可以设计和使用svg,并将其内联使用。然后可以使用css更改svg的笔划颜色。这是一个复杂的UI,我认为仅仅使用css是不可能的。SVG。我甚至没有想到他。谢谢你的建议!