好友
阅读权限10
听众
最后登录1970-1-1
|
本帖最后由 845xyz 于 2020-3-30 20:47 编辑
就是一个UI课作业，想着写好了也是在硬盘里躺着，不如分享出来
如果违规请删帖
图片预览：
预览图
代码预览：
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html">
<title>
百度一下，你就知道
</title>
<style>
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 "宋体"}
</style>
</head>
<body>
<div id="wrapper"><div id="content">
<div id="ie6tipcon"></div>
<div id="u">
<a name="tj_setting">搜索设置</a>|
<a target="_blank" name="tj_login" id="lb" >登录</a>|
<a target="_blank" name="tj_reg" class="reg">注册</a>
</div>
<div id="m">
<p id="lg"><img src="http://www.baidu.com/img/baidu_sylogo1.gif" width="270" height="129" ></p>
<p id="nv">
<a >新 闻</a>
<b>网 页</b>
<a >贴 吧</a>
<a >知 道</a>
<a >音 乐</a>
<a >图 片</a>
<a >视 频</a>
<a >地 图</a>
</p>
<div id="fm">
<form name="f" action="/s"><span class="s_ipt_wr"><input type="text" name="wd" id="kw" maxlength="100" class="s_ipt"></span><input type="hidden" name="rsv_bp" value="0"><input type="hidden" name="rsv_spt" value="3"><span class="s_btn_wr"><input type="submit" value="百度一下" id="su" class="s_btn"></span></form>
<span class="tools"><span id="mHolder">
</div>
<p id="lk">
<a >百科</a>
<a >文库</a>
<a >hao123</a><span> | <a >更多>></a></span></p>
</div>
<div id="ftCon">
<div id="ftConw">
<p>
<a id="seth" href="/">把百度设为主页</a>
<br></br>
<a onmousedown="returnns_c({'fm':'behs','tab':'btlink','pos':2})">加入百度推广</a> |
<a onmousedown="return ns_c({'fm':'behs','tab':'btlink','pos':3})">搜索风云榜</a> |
<a onmousedown="return ns_c({'fm':'behs','tab':'btlink','pos':4})">关于百度</a> |
<a onmousedown="return ns_c({'fm':'behs','tab':'btlink','pos':5})">About Baidu</a>
</p>
<p id="cp">©2020 Baidu
<a href="/duty/">使用百度前必读</a>
<a target="_blank">京ICP证030173号</a>
<img src="http://www.baidu.com/cache/global/img/gs.gif">
</p>
</div>
</div>
</body>
|
|
发帖前要善用【论坛搜索】功能，那里可能会有你要找的答案或者已经有人发布过相同内容了，请勿重复发帖。 |
|
|
|
|
|
|
发表于 2020-3-30 20:39
|
发表于 2020-3-30 20:48
