html+css 案例

让我打个盹

已于 2022-03-11 17:41:27 修改

阅读量220

点赞数 2

文章标签： css html javascript

于 2022-03-05 11:06:58 首次发布

本文链接：https://blog.csdn.net/weixin_48494427/article/details/123291530

版权

<!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>

让我打个盹

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
html+css 案例

<!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; .
复制链接

扫一扫