百度页面设计

最新推荐文章于 2022-07-11 10:01:19 发布

Carl·杰尼龟

最新推荐文章于 2022-07-11 10:01:19 发布

阅读量915

点赞数

分类专栏：前端文章标签：百度设计基本实现

未经作者允许，不可私自转载/抄袭

本文链接：https://blog.csdn.net/qq_39052339/article/details/102966290

版权

前端专栏收录该内容

6 篇文章 0 订阅

订阅专栏

超链接
图片位置调节
&nbsp多空格
字体颜色等

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>百度一下，你就知道</title>
		<style>
			#div1{
				align-content: flex-end;
			}
		</style>
	</head>
	<body>
		<div id="div1">
			<p align="right">
				<a href="http://news.baidu.com/">
					新闻
				</a>
				&nbsp;&nbsp;
				<a href="https://www.hao123.com/">
					hao123
				</a>
				&nbsp;&nbsp;
				<a href="https://map.baidu.com/@12725273.29,3558757.28,12z/">
					地图
				</a>
				&nbsp;&nbsp;
				<a href="http://v.baidu.com/">
					视频
				</a>
				&nbsp;&nbsp;
				<a href="https://tieba.baidu.com/index.html?traceid=">
					贴吧
				</a>
				&nbsp;&nbsp;
				<a href="http://xueshu.baidu.com/">
					学术
				</a>
				&nbsp;&nbsp;
				<a href="http://i.baidu.com/">
					hello&nbsp;driver
				</a>
				&nbsp;&nbsp;
				<a href="https://www.hao123.com/">
					设置
				</a>
			</p>
		</div>
		<div align="center">
			<a href="https://www.baidu.com/s?wd=%e4%b8%87%e5%9c%a3%e8%8a%82&sa=ire_dl_gh_logo&rsv_dl=igh_logo_pcs"><img height="129px" width="270px" align="center" src="https://www.baidu.com/img/dongd_36a8aab08b12ba911d74444058393b08.gif"/></a><br/>
			<form>
			<input type="text" name="搜索栏" placeholder="请搜索信息关键字" style="height: 39.97px;width: 535.97px;"/>
			<img style="position: absolute;top: 185px;left: 950px;" src="https://ss1.bdstatic.com/5eN1bjq8AAUYm2zgoY3K/r/www/cache/static/protocol/https/soutu/img/camera_new_5606e8f.png" alt="https://ss1.bdstatic.com/5eN1bjq8AAUYm2zgoY3K/r/www/cache/static/protocol/https/soutu/img/camera_new_5606e8f.png" class="transparent" />
			<input type="button" align="left" value="百度搜索" style="height: 39.99px;width:102px;background-color: cornflowerblue;color: white;border: 0px;" />
			</form>
		</div>
		<div align="center" style="position:relative ;bottom: -100px;">
			<img height="118px" width="118px" src="https://ss1.bdstatic.com/5eN1bjq8AAUYm2zgoY3K/r/www/cache/static/protocol/https/home/img/qrcode/zbios_09b6296.png"/><br/>
			<font>下载百度APP</font><br/>
			<font color="darkgray">有事搜一搜  没事看一看</font>
		</div><br/>
		
	</body>
</html>