【Web】CSS（No.17）Css经典案例（一）《Css实现百度首页》

最新推荐文章于 2022-08-07 22:42:38 发布

Sherry Lupus

最新推荐文章于 2022-08-07 22:42:38 发布

阅读量2.2k

点赞数 9

分类专栏： Web-Css 文章标签： Web Css

本文链接：https://blog.csdn.net/qq_43251850/article/details/91463172

版权

Web-Css 专栏收录该内容

25 篇文章 5 订阅

订阅专栏

需要素材联系我或私信、评论

效果图

在这里插入图片描述

HTML源码

<!DOCTYPE html>
<html lang="en">
  <head>
	<meta charset="UTF-8">
	<title>百度首页</title>
	<link rel="stylesheet" href="css/index.css">
  </head>
  <body>
	<div>
	  <img src="img/bdlogo.gif" alt="">
	</div>

	<p>
	  <a href="">新&nbsp;闻</a>&nbsp;&nbsp;
	  <a href="">网&nbsp;页</a>&nbsp;&nbsp;
	  <a href="">贴&nbsp;吧</a>&nbsp;&nbsp;
	  <a href="">知&nbsp;道</a>&nbsp;&nbsp;
	  <a href="">音&nbsp;乐</a>&nbsp;&nbsp;
	  <a href="">图&nbsp;片</a>&nbsp;&nbsp;
	  <a href="">视&nbsp;频</a>&nbsp;&nbsp;
	  <a href="">地&nbsp;图</a>
	</p>
	<br>
	<br>

	<div>
	  <div style="width:100%;height:20px;text-align:center">
	    <input style="width:500px;height:25px" type="text" name="textbox">
	    <button style="width:100px;height:30px;text-align:center;background-color:#eeeeee">百度一下</button>
	  </div>
	</div>
	<br>

	<p>
	  <a href="">百科</a>&nbsp;&nbsp;
	  <a href="">文库</a>&nbsp;&nbsp;
	  <a href="">hao123</a>&nbsp;&nbsp;|&nbsp;
	  <a href="">更多>></a>&nbsp;&nbsp;
	</p>
	<br>
	<br>

	<p>
	  <img src="img/ic.jpg" alt="">
	  <a href="">百度地图带你吃喝玩乐，全心全意为人民服务</a>&nbsp;&nbsp;
	</p>
	<br>
	<br>

	<p>
	  <a href="">把百度设为主页</a>&nbsp;&nbsp;
	  <a href="">安装百度卫士</a>&nbsp;&nbsp;
	</p>

	<p>
	  <a href="">加入百度推广</a>&nbsp;&nbsp;|&nbsp;
	  <a href="">搜索风云榜</a>&nbsp;&nbsp;|&nbsp;
	  <a href="">关于百度</a>&nbsp;&nbsp;|&nbsp;
	  <a href="">About Baidu>></a>&nbsp;&nbsp;
	</p>

	<p>
	  ©2013&nbsp;Baidu&nbsp;使用百度前必读&nbsp;京ICP证030173号
	</p>
  </body>
</html>

CSS源码

div{
	text-align:center;
   }

p{
	text-align:center;
}

Sherry Lupus

关注

9
点赞
踩
16

收藏

觉得还不错? 一键收藏
3
评论
【Web】CSS（No.17）Css经典案例（一）《Css实现百度首页》

需要素材联系我或私信、评论效果图HTML源码<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>百度首页</title> <link rel="stylesheet" href="css/index.css">...
复制链接

扫一扫

专栏目录