span 如何添加链接

span 如何添加链接,第1张

添加链接直接用<a href=""><a/>就可以。

<div class="rotation_focus"><span class="span1"><a href="链接1">1</a></span><span class="span2 hover"><a href="链接2">3</a></span><span class="span3"><a href="链接3">3</a></span></div>

</div>

1、用一对a标签来包裹span里的标签,就可以添加你想要的链接(推荐)

2、如果用jQuery的话:location.href="XXX.html"这个语法就可以了(不推荐)

可以通过css来改变span的样式,使其外观看起来像超链接,代码如下:

1

span{color:#00Ftext-decoration:underlinecursor:pointer}

1

长得像超链接的span标签

其中,color为文字颜色,通常超链接为蓝色;text-decoration:underline为下划线,默认超链接有下划线;cursor:pointer为手型鼠标指针,与超链接默认指针样式相同。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/11760284.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存