html中的按钮标签,html5中,如何鼠标放在文字上,文字变成按钮?

html中有一个标签,直接给文字添加一个a标签 ;比如:

关于我们

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

方式有多种

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

一、使用图片标签按钮

< input name=”submit” type=”image” src=”图片存放路径” />

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

< input type=”submit” name=”button” id=”button” value=”” />

为按钮加上样式

#button{

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

width:100px;

height:50px;

border:0px;

cursor:pointer;

}

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

< a href=’#’ taget=”_blank”> < img src=”图片存放路径” alt=”这是个图片按钮” /> < a/>

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