本文介绍了一种利用CSS使DIV内的超链接文字在鼠标悬停时显示为“手掌”样式的技巧。通过设置特定的CSS样式，可以使得整个DIV区域都响应链接效果，提高用户体验。
我们在开发的过程中经常会遇到这样的情况：点击DIV里的超链接文字时总是要把鼠标移到文字的正上方鼠标才会变成“手掌”，怎样实现将鼠标移到DIV上面就让鼠标变成“手掌”，也就是类似于按钮一样的功能呢？具体方法如下：
在<head>和</head>之间增加：
<style type="text/css">
.myLink{
display:block;
padding:22px 4px;/*具体的像素根据你的DIV大小来调整*/
}
</style>
在<a></a>中应用该CSS：
<a href="${baseUrl}/report/issueStatus.shtml" class="myLink">Issue Status</a>
如下图将鼠标移到黄色区则鼠标变成“手掌”。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
