DIV+CSS轻松实现Google首页
来源:互联网 发布:python字典按值排序 编辑:程序博客网 时间:2024/05/22 06:30
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Google</title>
<style type="text/css">
body{
background: #FFF;
color: #000;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
text-align: center;
margin:2px 3px auto;
}
a:link{
color: #00C;
}
a:visited{
color: #551a8b;
}
#logo{
margin:0 auto;
}
#login{
text-align: right;
}
#stype{
margin-bottom: 4px;
}
#stype span{
padding: 6px 6px;
}
#stype div{
color:red;
font-size:0.9em;
*font-size:0.7em;
line-height:16px;
position:absolute;
left:556px;
*left:550px;
top:128px;
}
#search{
margin: 0 auto;
width: 400px;
position: relative;
}
#more{
width: 5em;
position: absolute;
top: 0;
right: -5em;
}
#searchmg{
margin:6px auto;
}
#footer{
margin: 50px 0 16px 0;
}
</style>
</head>
<body>
<div id="login"><strong>gixxue@gmail.com</strong> | <a href="ig">个性化主页</a> | <a href="#">我的帐户</a> | <a href="#">退出</a></div>
<div id="logo"><img src="http://www.google.com/intl/zh-CN_ALL/images/logo.gif" alt="Google" /></div>
<div id="stype"><span><strong>网页</strong></span> <span><a href="#">图片</a></span> <span><a href="#">资讯</a></span> <span><a href="#">地图</a><div>新!</div></span> <span><a href="#"> <strong>更多 »</strong></a></span></div>
<form id="search" action="" method="post">
<div><input type="text" size="55" title="Google 搜索" /></div>
<div>
<button type="submit">Google 搜索</button><button>手气不错</button>
</div>
<div id="searchmg"><label><input type="radio" name="t" checked="checked" />搜索所有网页</label><label><input type="radio" name="t" />中文网页</label><label><input type="radio" name="t" />简体中文网页</label></div>
<div id="more"><a href="#">高级搜索</a> <a href="#">使用偏好</a> <a href="#">语言工具</a></div>
</form>
<div id="footer"><a href="#">广告计划</a> - <a href="#">Google 大全</a> - <a href="#">Google.com in English</a></div>
<div>©2007 Google</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Google</title>
<style type="text/css">
body{
background: #FFF;
color: #000;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
text-align: center;
margin:2px 3px auto;
}
a:link{
color: #00C;
}
a:visited{
color: #551a8b;
}
#logo{
margin:0 auto;
}
#login{
text-align: right;
}
#stype{
margin-bottom: 4px;
}
#stype span{
padding: 6px 6px;
}
#stype div{
color:red;
font-size:0.9em;
*font-size:0.7em;
line-height:16px;
position:absolute;
left:556px;
*left:550px;
top:128px;
}
#search{
margin: 0 auto;
width: 400px;
position: relative;
}
#more{
width: 5em;
position: absolute;
top: 0;
right: -5em;
}
#searchmg{
margin:6px auto;
}
#footer{
margin: 50px 0 16px 0;
}
</style>
</head>
<body>
<div id="login"><strong>gixxue@gmail.com</strong> | <a href="ig">个性化主页</a> | <a href="#">我的帐户</a> | <a href="#">退出</a></div>
<div id="logo"><img src="http://www.google.com/intl/zh-CN_ALL/images/logo.gif" alt="Google" /></div>
<div id="stype"><span><strong>网页</strong></span> <span><a href="#">图片</a></span> <span><a href="#">资讯</a></span> <span><a href="#">地图</a><div>新!</div></span> <span><a href="#"> <strong>更多 »</strong></a></span></div>
<form id="search" action="" method="post">
<div><input type="text" size="55" title="Google 搜索" /></div>
<div>
<button type="submit">Google 搜索</button><button>手气不错</button>
</div>
<div id="searchmg"><label><input type="radio" name="t" checked="checked" />搜索所有网页</label><label><input type="radio" name="t" />中文网页</label><label><input type="radio" name="t" />简体中文网页</label></div>
<div id="more"><a href="#">高级搜索</a> <a href="#">使用偏好</a> <a href="#">语言工具</a></div>
</form>
<div id="footer"><a href="#">广告计划</a> - <a href="#">Google 大全</a> - <a href="#">Google.com in English</a></div>
<div>©2007 Google</div>
</body>
</html>
- DIV+CSS轻松实现Google首页
- DIV+CSS实现商城首页
- DIV+CSS实现旅游网站首页
- div+css写首页
- 利用CSS和javascript实现Google首页的动画效果
- JS+CSS实现Google首页的动画效果
- Div+CSS+JQuery轻松实现选项卡"选项卡"
- 仿百度首页div+css
- DIV+CSS首页布局练习
- 首页网站div制作(div+css概述,css选择器)
- div结合css布局bbs首页
- web 2.0 css/div 首页 主体 示例
- DIV+CSS首页布局练习 代码
- html+css 实现百度首页
- 轻松搞定网页设计之div+css
- 轻松学DIV教程(div+css布局)
- 模拟Google首页(dwr实现ajax)
- 实现DIV居中 css
- 渐变背景设计
- elccest.exe
- emsw.exe
- 优化MySQL数据库查询
- Java 学习杂谈(二)
- DIV+CSS轻松实现Google首页
- emule.exe
- em_exec.exe
- 用CSS缩写给你的网站加速
- Java 杂谈(三)
- 新加坡电子展
- 常用CSS缩写语法总结
- enbiei.exe
- msn 在线卡通照片制作工具