Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何创建内部有多个链接的圆div_Html_Css - Fatal编程技术网

Html 如何创建内部有多个链接的圆div

Html 如何创建内部有多个链接的圆div,html,css,Html,Css,我有一个多层的圆圈。我的想法是让他们所有的个人链接。例如,如果你点击外圈,你会被转到第1页,内圈被转到第2页,内圈被转到第3页。但是我不知道从哪里开始,你们有没有想法?您想创建3个div,所有div都具有以下css属性: position: absolute border-radius: 100% #gives you that circle 相应地将它们放置在彼此的顶部,并使用top:10px;左:10px等,然后根据宽度和高度属性调整大小 还可以通过css中的z-index属性管理哪一个位

我有一个多层的圆圈。我的想法是让他们所有的个人链接。例如,如果你点击外圈,你会被转到第1页,内圈被转到第2页,内圈被转到第3页。但是我不知道从哪里开始,你们有没有想法?

您想创建3个div,所有div都具有以下css属性:

position: absolute
border-radius: 100% #gives you that circle
相应地将它们放置在彼此的顶部,并使用
top:10px;左:10px
等,然后根据
宽度
高度
属性调整大小

还可以通过css中的
z-index
属性管理哪一个位于顶部

让它们都成为锚定标签

下面是一个例子,这些是div


谢谢你的帮助,但我发现了一篇关于图像地图的文章,你可以在这里提供多个圆圈的链接