如何制作透明的搜索框

最新推荐文章于 2022-03-13 23:46:19 发布

weixin_30337251

最新推荐文章于 2022-03-13 23:46:19 发布

阅读量835

点赞数

原文链接：http://www.cnblogs.com/shengliang74/p/5426085.html

版权

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
 <title></title>
 <style>
 form { width: 1000px ; height: 600px; background-image: url("22.jpg"); background-position: -100px -200px; }
 div { float: left; border: 1px solid black; background: lightgray; opacity: .5;}
 input[type="text"] { border: none; margin-left: 5px; background: lightgray; opacity: .5; }
 input[type="submit"] { border: none; background: none; background-image:url("fangdajing_07.png"); width: 30px; height:30px;
background-repeat:no-repeat; background-position: 2px 2px; }
 input[value="登录"] { border:none; background: none; margin-top: 8px; margin-left: 10px; color: white;}
 input[value="注册"] { border:none; background: none; margin-top: 8px; color: white;}
 input[value="登录"]:hover { color: gray;}
 input[value="注册"]:hover { color: gray;}
 </style>
</head>
<body>
<form action="">
 <div>
 <input type="text" placeholder="请输入您想知道的内容"/>
 <input type="submit" value="&nbsp;"/>
 </div>
 <input type="button" value="登录" />
 <input type="button" value="注册" />
</form>
</body>
</html>

转载于:https://www.cnblogs.com/shengliang74/p/5426085.html

weixin_30337251

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
如何制作透明的搜索框

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> form { width: 1000px ; height: 600px; background-image:...
复制链接

扫一扫