html – 如何在不使用javascript的情况下将样式设计为链接看起来像链接?

前端之家收集整理的这篇文章主要介绍了html – 如何在不使用javascript的情况下将样式设计为链接看起来像链接?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
对于我的网站,我需要使用< span>而不是< a>因为我主要使用ajax,因此而不是链接,我已经将ajax事件作为我的跨度的属性

因此,我不得不手动将跨度设为风格,看起来像链接。我已经使用悬停和访问伪类来改变背景和文本颜色,但是要将鼠标默认更改为鼠标悬停的指针,我需要使用javascript吗?或者我可以使用css吗?

另外,我刚刚意识到… couldnt我只是使用< a>标记为< span>,而不是href,我会包括一个onclick?它应该是一样的,不是吗?

解决方法

span {
     cursor:pointer;
     color:blue;
     text-decoration:underline;
}

此外,您可以使用:hover伪类来调用元素(当您可以使用任何样式,而不仅仅是最初使用的元素)。防爆。

span:hover {
     text-decoration:none;
     text-shadow: 1px 1px 1px #555;
}

Example

猜你在找的HTML相关文章