html语言入门百度,【初学Html】百度的界面Html

最新推荐文章于 2024-09-23 14:19:06 发布

孤雁长飞

最新推荐文章于 2024-09-23 14:19:06 发布

阅读量207

点赞数

文章标签： html语言入门百度

这是一个UI课程的作业分享，包括了用于网页布局的HTML和CSS代码片段。通过代码实现了类似于百度首页的设计，包括导航栏、搜索框及底部信息等元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本帖最后由 845xyz 于 2020-3-30 20:47 编辑

就是一个UI课作业，想着写好了也是在硬盘里躺着，不如分享出来

如果违规请删帖

图片预览：

baidu.jpg (52.45 KB, 下载次数: 0)

预览图

2020-3-30 20:36 上传

代码预览：

百度一下，你就知道

html,body{height:100%;}

html{overflow-y:auto}

#wrapper{position:relative;_position:;min-height:100%}

#content{padding-bottom:100px;text-align:center;}

#ftCon{height:100px;position:absolute;bottom:44px;text-align:center;width:100%;margin:0 auto;z-index:0;overflow:hidden;}

#ftConw{width:720px;margin:0 auto;}

body{font:12px arial;text-align:;background:#fff}

body,p,form,ul,li{margin:0;padding:0;list-style:none}

body,form,#fm{position:relative}td{text-align:left}img{border:0}a{color:#00c}a:active{color:#f60}

#u{color:#999;padding:4px 10px 5px 0;text-align:right}

#u a{margin:05px}

#u .reg{margin:0}

#m{width:720px;margin:0 auto;}

#nv a,#nvb,.btn,#lk{font-size:14px}

#fm{padding-left:110px;text-align:left;z-index:1;}input{border:0;padding:0}

#nv{height:19px;font-size:16px;margin:0 0 4px;text-align:left;text-indent:137px;}

.s_ipt_wr{width:418px;height:30px;display:inline-block;margin-right:5px;background:url(http://s1.bdstatic.com/r/www/img/i-1.0.0.png) no-repeat -304px0;border:1px solid #b6b6b6;border-color:#9a9a9a #cdcdcd #cdcdcd

#9a9a9a;vertical-align:top}

.s_ipt{width:405px;height:22px;font:16px/22px arial;margin:5px 0 07px;background:#fff;outline:none;-webkit-appearance:none}

.s_btn{width:95px;height:32px;padding-top:2px\9;font-size:14px;background:#ddd url(http://s1.bdstatic.com/r/www/img/i-1.0.0.png);cursor:pointer}

.s_btn_h{background-position:-100px 0}

.s_btn_wr{width:97px;height:34px;display:inline-block;background:url(http://s1.bdstatic.com/r/www/img/i-1.0.0.png) no-repeat -202px 0;*position:relative;z-index:0;vertical-align:top}

#lgimg{vertical-align:top;margin-bottom:3px}

#lk{margin:33px 0}

#lk span{font:14px "宋体"}

搜索设置|