【问题标题】:Is there anybody that can help me? [closed]有没有人可以帮助我? [关闭]
【发布时间】:2018-04-24 14:03:15
【问题描述】:

我正在尝试制作一个带有小圆圈(围绕形状)并具有指向其他 html 页面的超链接的圆圈(内部已清除)! 我现在什么都没有,但我已经搜索过,什么也没找到。

【问题讨论】:

  • 至少是一个截图工作......即使它仍然是题外话
  • 也许你必须检查你的 google-fu,因为像“circle menu css”这样的简单搜索会返回很多结果。
  • 请更改您的帖子标题:)

标签: javascript html css


【解决方案1】:

你的意思是这样的吗? A quick sample.

HTML

<div id="shape">
  <a class="one" href="your-page.html">Link text</a>
  <a class="two" href="your-page.html">Link text</a>
  <a class="three" href="your-page.html">Link text</a>
</div>

CSS

#shape {
  position: relative;
  width: 200px;
  height: 200px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  background: green;
  text-indent: -9999px;
}

#shape a {
  position: absolute;
  display: block;
  width: 24px;
  height: 24px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  border: 1px solid black;
}

#shape a.one {
  top: 5px;
  left: 20px;
  background: red;
}

#shape a.two {
  bottom: 15px;
  left: 30px;
  background: black;
}

#shape a.three {
  top: 35px;
  right: 0;
  background: yellow;
}

【讨论】:

    猜你喜欢
    • 2013-11-24
    • 2022-06-14
    • 1970-01-01
    • 1970-01-01
    • 2022-07-07
    • 1970-01-01
    • 2023-04-01
    • 2023-01-02
    • 2011-04-26
    相关资源
    最近更新 更多