【无标题】

ylp 777

于 2022-05-20 23:03:17 发布

阅读量95

点赞数

文章标签： css3 css html

本文链接：https://blog.csdn.net/m0_66587684/article/details/124891998

版权

!](https://img-blog.csdnimg.cn/688b682c59b14ed79af855508d8369a9.jpeg#pic_center)
![`

百度一下，你就知道

.t {
margin: 10px 0 0;
float: left;
height: 32px;
line-height: 32px;
}
.t1 {
margin: 10px 0 0;
margin-left: 90px;
float: left;
height: 32px;
line-height: 32px;
}
.righth {
float: right;
line-height: 20px;
}
.top1 {
color: #962607;
}
.top2 {
color: #bc3611;
}
.top3 {
color: #d89709;
}
.top4 {
color: #9d9492;
}
.top5 {
color: #918a88;
}
.set {position: relative;
left: 490px;
}
.hott {position: relative;
left: 520px;
}
#h {height: 1;
width: 2;
color:white;
font:1px;
background-color:#cb4425e1;
border: rgb(239, 236, 231);
border-radius: 25%;
}
.xiamian{ color: #918a88;
position: absolute;
line-height:1250px;
font-size:20%;
}
.hott {
font-weight: bold;

	}
	
		
</style>
</head>
<body>
	<div class="leftl">
		<a hear="#">新闻</a>
		<a hear="#">hao123</a>
		<a hear="#">地图</a>
		<a hear="#">贴吧</a>
		<a hear="#">视频</a>
		<a hear="#">图片</a>
		<a hear="#">网盘</a>
		<a hear="#">更多</a>
		<span class="rightr">
			<span class="set"><a hear="#" >设置</a></span>
		<button class="denlu">登陆</button>
	</span>
	</div>
	<p class="pic"><img src="baidu.jpg" width="300" height="100"/></p>
		<div class="search">
			<input type="text" class="stext" size=60  >
	        <input type="button" id="s" value="百度一下">
	</div>
	<div class="hot">
		<span class="hott">百度热搜&gt;</span>
		<span class="huanyihuan"><img src="b.jpg" width="25" height="20"/>换一换</span>
		<div class="hear1">
		<div class="baidutop">
			<div class="left_t">
			<span class="tp"	>
			<span class="topp"><img src="l.jpg" width="25" height="20"/></span><a class="one" herf="#">把荣光刻在历史行进的史册里</a>
			</span>
			<span class="t"	>
				<span class="top1">1</span>
				<a class="one" herf="#">且试天下主演们的日常</a>  <input type="button" id="h" value="热">
			</span>
			<span class="t"	>
				<span class="top2">2</span>
				<a class="one" herf="#">今天好天气</a>  <input type="button" id="h" value="热">
			</span>
			</div>
			<div class="righth">
				<span class="t1"	>
					<span class="top3">3</span>
					<a class="one" herf="#">六级考试</a>
				</span>
				<span class="t1"	>
					<span class="top4">4</span>
					<a class="one" herf="#">世界末日即将来临</a>
				</span>
				<span class="t1"	>
					<span class="top5">5</span>
					<a class="one" herf="#">关于三里屯的新商业</a>    <input type="button" id="h" value="新">
				</span>
				</div>
		</div>
		</div>
		<div class="xiamian">
			<a hear="#">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;关于百度&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>    <a hear="#">A</a> <a hear="#">使用百度前必读&nbsp;&nbsp;&nbsp;&nbsp;</a>
			<a hear="#">帮助中心&nbsp;&nbsp;&nbsp;&nbsp;</a>
			<a hear="#">京公网安备10100000001号&nbsp;&nbsp;&nbsp;&nbsp;</a>
			<a hear="#">京ICP证030173号&nbsp;&nbsp;&nbsp;&nbsp;</a>
			<a hear="#">©2022 Baidu&nbsp;&nbsp;&nbsp;&nbsp;</a>
			<a hear="#">互联网药品信息服务资格证书 (京)-经营性-2017-0020&nbsp;&nbsp;&nbsp;&nbsp;</a>
			<a hear="#">信息网络传播视听节目许可证 0110516&nbsp;&nbsp;&nbsp;</a>
			<img src="a.jpg" width="30" height="20"/>
		</div>
</body>

![在这里插入图片描述](https://img-blog.csdnimg.cn/22dfc0a0dd6345baaf14f8ad41fac348.jpeg#pic_center