百度搜索框

最新推荐文章于 2021-06-09 19:18:47 发布

FromZeroToPerfect

最新推荐文章于 2021-06-09 19:18:47 发布

阅读量559

点赞数

分类专栏：项目前端处理文章标签：搜索框 HTML5

本文链接：https://blog.csdn.net/AnLikuangmo/article/details/101625369

版权

项目前端处理专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8"/>
	
	<title>www.baidu.com</title> 
	<style type="text/css">
		.divmax{
			position:relative;
			left:500px;
			top:300px;
			width:500px;
			height:40px;
		}
		.input{
			width:500px;
			height:40px;
			border:black solid 1px;
			text-indent:1em;
			font-size:16px;
			outline:none;
		}
		.button{
			position:absolute;
			left:400px;
			top:0px;
			width:103px;
			height:44px;
			background-color:#3385ff;
			border:none;
			color:white;
			cursor:pointer;
		}
		.button:hover{
			opacity:0.6;
		}
		.img{
			position:absolute;
			left:365px;
			top:3.33px;
			width:35px;
		}
	</style>
</head>
<body>
	
		<div class="divmax">
			<input type="text" class="input"/>
			<input type="button" value="百度一下" class="button">
			<img src="相机.png" class="img"/>
		</div>
	
</body>
</body>
</html>

图标下载地址