html - 带有两条文本行的响应式 css 圆圈

标签 html css responsive-design geometry

我正在尝试在 CSS 中制作一个响应式圆圈。

  • 它必须作为链接激活。
  • 当您将鼠标悬停在圆上时,背景颜色需要更改。
  • 在某些圈子中需要两行文本

我找到了这个示例脚本。但不幸的是,它还不是一个链接: http://codeitdown.com/css-circles/

还有下面的例子: http://codepen.io/anon/pen/cqoFv .这也不是链接。

因此,只有圆圈需要成为链接。

感谢您的帮助。非常感谢。

最佳答案

有些像这样? http://codepen.io/anon/pen/zAaGe

简单的 CSS。
:hover, 已访问。

关于html - 带有两条文本行的响应式 css 圆圈,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19170133/

相关文章:

javascript - 将页脚保留在页面底部,但让页面根据需要增长

c# - 我们需要让 "double"等待 GUI 才不会卡住?

javascript - CSS flex 一个内容适合的图像,其标题同级的高度未知

css 根据页面变化 - 而不是不同的文件

jQuery UI 可调整大小 : Ghosting issue

html - 代表分数的数学符号是什么?

javascript - 通过单击链接生成随机背景颜色

css - 如何制作一个 3d 按钮

html - 图像的 CSS 动画问题

jquery - OwlCarousel slider 中的重叠元素