我想让我的未排序列表的整个区域都可以点击单个 URL。到目前为止没有运气。
到目前为止的 CSS 标记如下:
#artListContainer {
margin: 0 0 0 0;
}
#artListContainer ul {
list-style-type: none;
width: 590px;
margin: 20px 0 0 0;
}
#artListContainer h3 {
font: bold 18px/1.5 Helvetica, Verdana, sans-serif;
color:#333333;
}
#artListContainer li img {
float: left;
margin: 0 15px 0 0;
}
#artListContainer li p {
font: 200 12px/1.5 Helvetica, Verdana, sans-serif;
}
#artListContainer li {
padding: 10px;
overflow: auto;
}
#artListContainer li:hover {
background: #eee;
cursor: pointer;
}
我的 HTML 标记目前看起来像这样:
<div id="artListContainer">
<ul>
<li>
<img src="themes/default/templates/articles/articlethumbs/8.png">
<h3>Title goes here</h3>
<p>description goes here.</p>
<span style="font-weight:bold">Views: </span>(327)
<span style="font-weight:bold">Comments: </span>(4)
<span style="font-weight:bold">Likes: </span>(4)
</li>
</ul>
</div>
非常感谢任何帮助或建议。
最佳答案
这是一件事。
<a href="#">
<ul>
<li>Stuff</li>
<li>Stuff</li>
<li>Stuff</li>
<li>Stuff</li>
</ul>
</a>
关于css - 如何使无序列表的整个区域都可点击?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19570930/