inut按钮hover时变化的css控制代码资源-CSDN文库

7 浏览量 2020-12-13 14:48:56 上传评论收藏 35KB PDF 举报

资源详情

资源评论

资源推荐

inut按钮按钮hover时变化的时变化的css控制代码控制代码

复制代码代码如下:

<!DOCTYPE html>

<html>

<head>

<style>

a.a2{line-height:100px;text-align:center;text-decoration:none;background-color:#54ABE1; color:#fff;border:1px solid

darkgray;display:block;width:100px;height:100px;backgroud-color:red;position:relative;overflow:hidden;}

a.a2 input{cursor:pointer;position:absolute;top:-10px;left:-

10px;width:200px;height:200px;background:url(http://icon.chinahrd.net/images/none.gif) transparent; border:0; }

a.a2:hover{ background-color:#59595A;}

</style>

</head>

<body>

<form action=”http://www.baidu.com/sss.html” method=”GET” target=”_blank”>

<a class=”a2″ href=”javascript:;”>居中显示

<input type=”submit” value=”” />

</a>

</form>

</body>

</html>

hover时黑色,

使用a+input实现,可以方便css控制,

不需要js.

ie6-10/op/ff/ch都没有问题.

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余0页未读，立即下载

评论0

内容反馈

weixin_38599412

粉丝: 5
资源: 930

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip