0
点赞
收藏
分享

微信扫一扫

html+css 案例

钵仔糕的波波仔 2022-03-11 阅读 81
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			.box{
				width: 1000px;
				height: 100px;
				margin: 0px 400px;
				display: inline;
				line-height: 35px;
				vertical-align: middle;
				border-style: none;
			}
			.box a{
				text-decoration: none;
				color: #000000;
				padding: 10px;
			}
			.box select{
				border: none;
				padding: 10px;
			}
			.box input{
				background-color: #18A88B;
				padding: 5px 10px;
				border: none;
			}
			div span{
				color: #18A88B;
				font-weight: 900;
			}
			#I{
				width: 80px;
				height: 30px;
			}
			#like{
				display: inline-block;
				padding-left: 80px;
			}
			#you{
				width: 100%;
				height: 100px;
			}
		</style>
	</head>
	<body id="you">
		<div class="box">
			<img src="logo.png" >
			<a href="http://baidu.com" id="I">首页</a>
			<select name="uname">
				<option>产品</option>
				<option>产品</option>
			</select>
			<select name="uname">
				<option>场景办公</option>
				<option>场景办公</option>
			</select>
			<select name="uname">
				<option>解决方案</option>
				<option>解决方案</option>
			</select>
			<select name="uname">
				<option>服务支持</option>
				<option>服务支持</option>
			</select>
			<a href="http://baidu.com">新闻动态</a>
			<a href="http://baidu.com">关于简信</a>
			<a href="http://baidu.com"id="like">全国热线<br><span>400-0665-929</span></a>
			<input type="button" name="uname"value="免费使用" />
		</div>
	</body>
</html>

 

举报

相关推荐

0 条评论