如何使用HTML/CSS/JavaScript实现这些圆形按钮?

如何使用HTML/CSS/JavaScript实现这些圆形按钮?,html,css,button,Html,Css,Button,我试图完成的是几个按钮像一个圆圈一样排列。虽然它看起来像一个鸡蛋,但它应该是圆形的。我希望这个图像有意义 这不是很容易,但你可以做到。基本上,只要在中心覆盖另一个圆,就可以做一些事情。我认为最好的方法是使用svg 请看这里: svg{width:170px} 按钮1 按钮2 按钮3 你好,世界! 到目前为止,您尝试了什么?你被卡在哪里了?堆栈溢出不是免费的编码或设计服务。看:SVG是你的朋友。


我试图完成的是几个按钮像一个圆圈一样排列。虽然它看起来像一个鸡蛋,但它应该是圆形的。我希望这个图像有意义

这不是很容易,但你可以做到。基本上,只要在中心覆盖另一个圆,就可以做一些事情。

我认为最好的方法是使用svg

请看这里:

svg{width:170px}

按钮1
按钮2
按钮3
你好,世界!

到目前为止,您尝试了什么?你被卡在哪里了?堆栈溢出不是免费的编码或设计服务。看:SVG是你的朋友。