HTML、CSS,一个圆圈可能是一个链接吗?

标签 html css

我成功地在 HTML 中“渲染”了圆圈:

.articleBoxCircleInner
{
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    width: 14px;
    height: 14px;
    background-color: #707678;
    float: left;
    margin-right: 10px;
}

<div class="articleBoxCircleInner"></div>
<div class="articleBoxCircleInner"></div>
<div class="articleBoxCircleInner"></div>

http://jsfiddle.net/6e9dE/

但是,它们不能是链接(我不能用 A 标签包围)。怎么做?

最佳答案

既然可以简单地使它们成为 anchor ,为什么还要包装它们?

<a href="http://stackoverflow.com"
    class="articleBoxCircleInner"></a>

jsFiddle Demo 1

如果你坚持,你仍然可以把它们包裹起来(我不明白你为什么没有早点成功)。

<a href="http://stackoverflow.com">
    <div class="articleBoxCircleInner"></div>
</a>

jsFiddle Demo 2

关于HTML、CSS,一个圆圈可能是一个链接吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22012417/

相关文章:

html - 如何垂直对齐另一个 div 中的 div?

javascript - 悬停元素之前的目标元素(类似 netflix 的悬停效果)

css - 更好的 html 结构,用于将标题和侧边栏放在左侧栏中

html - 菜单下拉列表太长

html - 将 cute-slider 与 HTML5 样板集成

html - 调整大小时如何设置背景图像以适合浏览器窗口?

java - CellTable 中的 GWT TextColumn -> 水平对齐

html - 文本对齐 :center and short floated divs

javascript - jQuery - 单击元素后,获取 li 的数据项并将删除线应用于 li 中的文本(动画?)

css - MVC 5 和 Bootstrap 3.3.5