搜索框架信息

最新推荐文章于 2024-06-28 17:29:14 发布

盒马coding

最新推荐文章于 2024-06-28 17:29:14 发布

阅读量470

点赞数

分类专栏： CSS HTML/CSS/JS 文章标签： html class

本文链接：https://blog.csdn.net/xfg0218/article/details/44993971

版权

CSS 同时被 2 个专栏收录

5 篇文章 0 订阅

订阅专栏

HTML/CSS/JS

3 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
	</head>

	<body>

		<style>
			body {
				padding: 0px;
				margin:
				 0px;
			}
			.inp {
				float: left;
				margin: 20px 0px 0px 50px
				background:red;
				padding:10px;
			}
			.inp>div {
				float: left;
				font-size: 12px;
				height: 54px;
				line-height: 54px;
				*line-height: 56px;
			}
			.inp .que,
			.inp .imgs {
				border: 1px solid #d5d5d5;
				// padding: 0px 40px;
				margin-right: 80px;/**控制图片之间的距离**/
				cursor: pointer;
				height: 54px;
				border: 0px;
				color: #ffffff;
				font-weight: 800;
				text-align:center;

			}
			.inp .que {
				background: #16bfd2;
			}
			.inp .imgs {
				background: #feaf48;
			}
			.inp .txt input[type="text"] {
				border: 1px solid #d5d5d5;
				border-right: 0px;
				height: 50px;
				line-height: 50px;
				*margin-top: -2px;
				margin-right: 0px;
				text-indent: 10px;
								width:500px;
			}
		</style>
		<div class="inp">
			<div class="txt">
				<input type="text" placeholder="这里输入内容" />
			</div>
			<div class="que" style="width:120px">
				<span>确定</span>
			</div>
			<div class="imgs" style="width:230px;*width:180px;">
				<span>上传我的文档</span>
			</div>
		</div>
	</body>
	<script>
		var updata = function(obj) {
			obj.style.background = 'red';
		}
	</script>

</html>

盒马coding

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
搜索框架信息

body { padding: 0px; margin: 0px; } .inp { float: left; margin: 20px 0px 0px 50px background:red; padding:10px; } .inp>div { float: left; font-size: 12
复制链接

扫一扫