码迷,mamicode.com
首页 > 其他好文 > 详细

搜狗首页

时间:2016-07-12 21:18:35      阅读:162      评论:0      收藏:0      [点我收藏+]

标签:

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>搜狗网页制作</title>
	<style>
		*{margin: 0;padding: 0;}
		.text1{
			font-size: 12px;
			text-align: right;
			word-spacing: 2em;
			height: 90px;
			text-decoration: none;	
		}
		a{
			color: blue;
		}
		.text2{
			text-align: center;
			height: 130px;
		}
		.text3{
			word-spacing: 1em;
			text-align: center;
			height: 8px;
		}
		.b{
			color: black;
			text-decoration: none;
		}
		.text4{
			text-align: center;
			height: 60px;
			overflow: hidden;
		}
		.wrap1{
			width: 650px;
			height: 20px;
			float: left;
			margin: 10px 600
		}
		.wrap2{
			width: 100px;
			height: 28px ;float: left;
		}
		.b1{
			text-align: center;
			word-spacing: 1em;
			height: 170px;
		}

		.wraps{width:370px;float: left;height: 10px;}
		.b2{
			width:650px;
			float: left;
			height: 10px;
			margin: 50px 450px;
		}
		.b3{
			width:650px;
			float: left;
			height: 10px;
			margin: -45px 530px;
			font-size: 14px;
			font-weight: bold;
		}
		.b4{
			width:650px;
			float: left;
			height: 10px;
			margin: -20px 530px;
			color: gray;
			font-size: 12px;
		}
		.b5{
			width:650px;
			float: left;
			height: 10px;
			margin: -52px 630px;
			font-size: 14px;
		}
		.b6{
			width:650px;
			float: left;
			height: 10px;
			margin: -28px 630px;
			font-size: 13px;
			color: gray;
		}
		.b7{
			width:650px;
			float: left;
			height: 10px;
			margin: -7px 630px;
			font-size: 13px;
			color: gray;
		}
	</style>
</head>
<body>
	<div class="text1">
		<a href="">换肤</a>
		<a href="">设置</a>
		<a href="">登录</a>
	</div>
	<div class="text2">
		<img src="img/搜狗.png" >
	</div>
	<div class="text3">
		<a href="">新闻</a>
		<a class="b" href="">网页</a>
		<a href="">微信</a>
		<a href="">知乎</a>
		<a href="">图片</a>
		<a href="">视频</a>
		<a href="">明医</a>
		<a href="">英文</a>
		<a href="">学术</a>
		<a href="">更多》</a>
	</div><br>
	<div class="text4">
		<div class="wraps"></div>
		<input class="wrap1" type="text">
		<input class="wrap2" type="button" value="搜狗搜索"><br>
	</div>
	<div class="b1">
			<a href="">输入法</a>
			<a href="">浏览器</a>
			<a href="">网址导航</a>
	</div>
	<div>
		<div class="b2">
			<img src="img/二维码.png" >
		</div>
		<div class="b3">搜狗搜索APP</div>
		<div class="b4">搜你所想</div>
		<div class="b5">企业推广 | 关于搜狗 | 免责声明 | 意见反馈
		</div>
		<div class="b6">©2016 SOUGOU-京CPI证050897号</div>
	</div>
	<div class="b7">京公网安备11000002000025号</div>
</body>
</html>

 

搜狗首页

标签:

原文地址:http://www.cnblogs.com/guozhenqiangboke/p/5664801.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!