html中的按钮标签，html5中，如何鼠标放在文字上，文字变成按钮？_html标签

资料来源：网络整理时间：2023/3/4 1:03:10 共计：3578 浏览

html中有一个标签，直接给文字添加一个a标签；比如：

关于我们

a标签默认的鼠标放上去就是一个手指的样式，或者你也可以用cursor: pointer;这个给他设置一下，cursor还有其他的属性可以使用

方式有多种

这里提供两个简单的案例，

一、使用图片标签按钮

二、使用button按钮，为之加上图片样式

为按钮加上样式

#button{

background:url(图片存放路径) no-repeat;

width:100px;

height:50px;

border:0px;

cursor:pointer;

}

三、在a标签里加上图片，呈现出图片按钮的效果

你用一个DIV，background-image样式设置为放大镜图片，然后设置position:relative或者absolute，以及left和top样式，让这个DIV叠放于input的相应位置即可。

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。