在线编程在线课堂在线测评Anycodes在线编程

编程论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

How to use bs4??
本帖最后由 carry0987 于
Double Queue 问题描述 : The new founded Balkan Investment Group Bank (
John 问题描述 : Little John is playing very funny game
linux-command Linux命令大全搜索工具,内容包含Linux命令
Coati 是一款跨平台的代码查看工具,适用于 C/C++ 和 Java。商业软件。特性:1. 索引
系统可承载海量并发,消息收发确认机制 保障消息必达 系统采用动态智
全平台视频监控,支持安卓苹果以及pcweb,支持海康大华等主流dvr,全部源码以及文档 单聊、群聊、商
如何访问类的私有属性? 下面以 TPathData 为例,
问题:从 XE4 以来,Firemonkey 曲线绘图在移动平台不平滑的问题一直令人诟病,提交到官方的 QC 也是族繁不及备载,官方似乎有意的
操作数据库(RODBC)   odbcConnect(dsn, uid="", p
数据模式:mode函数显示任何对象的模式。常见的单个的
系统可承载海量并发,消息收发确认机制 保障消息必达 系统采用动态智
RabbitMQ与PHP(一) 项
Iease团队扩编预备中,盼望能有Ruby或者java工程师加盟。全职兼职都可以。有爱好的伴侣请与我接洽。 邮件:i
ruby 怎么设置装备摆设GTK2,求教指导下!
#include #include #include #include using namespace std; int main() {
标题如图所示: 有n盏灯,编号1~n。一开端灯都是关着的
成熟的消息收发确认机制,支持万人大群 支持开发自定义的消息sdk接口,扩展性超强 支持单/
成熟的消息收发确认机制,支持万人大群 支持开发自定义的消息sdk接口,扩展性超强 支持单/
1. 注意列表和集合的区别 set 列表表现形式: list_1
Ajax   Ajax即“Asynchronous Javascript And
大师好,我比来在做布谷鸟优
分辨提取A和B图像Harris角点,接下来须要对

[HTML] 百度首页静态模拟

[复制链接]
编程爱好者  发表于 2016-8-16 00:30:38 |阅读模式
<无详细内容>
                                                                                                                                                                                                                                        代码片段(4)                                                                       

                                                                                                                        1. [文件]                                            baidu.html ~ 2KB                                                                                                                                   

                                            
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="utf-8" />
  5.     <title>百度一下,你就知道</title>
  6.     <link rel="stylesheet" media="screen" href="styles/basic.css" />
  7. </head>
  8. <body>
  9. <nav>
  10.     <ul>
  11.         <li><a id="product" href="more.html">更多产品</a></li>
  12.         <li><a href="setting.html">设置</a></li>
  13.         <li><a href="register.html">登录</a></li>
  14.         <li><a href="Post%20Bar.html">贴吧</a></li>
  15.         <li><a href="movie.html">视频</a></li>
  16.         <li><a href="map.html">地图</a></li>
  17.         <li><a href="hao123.html">hao123</a></li>
  18.         <li><a href="news.html">新闻</a></li>
  19.         <li><a href="nuomi.html">糯米</a></li>
  20.     </ul>
  21. </nav>
  22. <header>
  23.     <img src="images/Olympic.gif" />
  24. </header>
  25. <div class="search">
  26. <form>
  27.     <input class="input" type="text"  />
  28.     <input class="button"type="button" value="百度一下" />
  29. </form>
  30. </div>
  31. <div id="tuiguang">
  32.     <div class="phone">
  33.     <ul>
  34.         <li><img src="images/手机百度.jpg" /> </li>
  35.         <li>
  36.             <p><b>手机百度</b></p>
  37.             <p>快人一步</p>
  38.         </li>
  39.     </ul>
  40.     </div>
  41.     <div class="nuomi">
  42.     <ul>
  43.         <li><img src="images/百度糯米.jpg" /> </li>
  44.         <li><p><b>百度糯米</b></p><p>一元大餐</p></li>
  45.     </ul>
  46.     </div>
  47.     <div class="ad">
  48.     <ul>
  49.         <li><a href=#>把百度设为主页</a></li>
  50.         <li><a href=#>关于百度</a></li>
  51.         <li><a href=#>About Baidu</a></li>
  52.         <li><a href=#>百度推广</a></li>
  53.         <br />
  54.         <li><p>?2016 Baidu</p><a href=#>使用百度前必读</a><a href=# class="spe">意见反馈</a><p>京ICP证030173号</p><img class="spe"src="images/徽章2.jpg" </li>
  55.         <br />
  56.         <li><img src="images/徽章.jpg" /><p>京公网安备11000002000001号</p></li>
  57.     </ul>
  58.     </div>
  59.     <p class="clear"></p>
  60. </div>

  61. </body>
  62. </html>
复制代码
                                                                                                              
                                                                                                                        2. [文件]                                            basic.css ~ 49B                                                                                                                                   

                                            
  1. @import url(color.css);
  2. @import url(layout.css);
复制代码
                                                                                                              
                                                                                                                        3. [文件]                                            layout.css ~ 2KB                                                                                                                                   

                                            
  1. nav ul li{
  2.     float:right;
  3.     list-style-type: none;
  4.     padding-left: .5em;
  5.     padding-top : .5em;
  6.     padding-right:.5em
  7. }
  8. nav ul li a:link{
  9.     font-weight: 600;
  10.     font-size:0.8em;
  11.     color: black;
  12. }
  13. header img{
  14.     padding-top:2em;
  15.     float:right;
  16. }
  17. #product{
  18.     color:white;
  19.     background-color: dodgerblue;
  20.     text-decoration: none;
  21.     padding: .5em;
  22. }
  23. div.search{
  24.     position: absolute;
  25.     left:22em;
  26.     top:12em;
  27.     border:solid;
  28.     border-color: dodgerblue;
  29.     border-width:.1em


  30. }
  31. .input{
  32.     float: left;
  33.     border: none;
  34.     height:2.3em;
  35.     width:40em;
  36. }
  37. .button{
  38.     border: none;
  39.     background-color: dodgerblue;
  40.     color:white;
  41.     height:2.3em;
  42.     font-size:.9em;
  43.     width:7em;
  44. }
  45. #tuiguang{
  46.     position: absolute;
  47.     left:19em;
  48.     top:30em;
  49. }
  50. .phone{
  51.     float:left;

  52. }
  53. .nuomi{
  54.     float: left;
  55. }
  56. ul li {
  57.     display:inline;
  58.     float:left;
  59. }
  60. ul li p{
  61.     font-size:0.5em;
  62.     padding-left:1em;
  63.     color:grey;
  64.     margin-top:1em;
  65. }
  66. .ad{
  67.     float:left;
  68.     font-size: 0.4em;
  69.     line-height: 1.7em;
  70. }
  71. .ad ul li p{
  72.     color:grey;
  73.     padding-left:0.1em;
  74.     display: inline;
  75. }
  76. .ad ul li a{
  77.     display:inline;
  78.     color:grey;
  79.     padding-right:2em;
  80. }
  81. .spe{
  82.     padding-left: .1em;
  83.     padding-right:.1em;

  84. }
  85. .clear{
  86.     clear:both;
  87.     width:0em;
  88.     height:0em;
  89. }
  90. a.spe{
  91.     margin-left:-2em;
  92.     margin-right: -2em;
  93. }
  94. img.spe{
  95.     float:right;
  96.     margin-left: -.5em;
  97. }











复制代码
                                                                                                              
                                                                                                                        4. [图片] 效果图.png                                   

                               

                   

百度首页静态模拟

百度首页静态模拟
在线编程(http://www.anycodes.cn)&编程论坛(http://www.52exe.cn)感谢您的支持!
回复

使用道具

发表于 2018-4-10 21:10:11 来自手机 | 显示全部楼层
(⊙o⊙)哇!!百度!!膜拜大佬,走啦
在线编程(http://www.anycodes.cn)&编程论坛(http://www.52exe.cn)感谢您的支持!
回复 支持 反对

使用道具 举报

发表于 2018-8-22 17:38:56 来自手机 | 显示全部楼层
腻害,腻害,腻害
在线编程(http://www.anycodes.cn)&编程论坛(http://www.52exe.cn)感谢您的支持!
回复 支持 反对

使用道具 举报

发表于 6 天前 来自手机 | 显示全部楼层
请问右上角的是怎么写上去的?
在线编程(http://www.anycodes.cn)&编程论坛(http://www.52exe.cn)感谢您的支持!
回复 支持 反对

使用道具 举报

发布主题 上个主题 下个主题 快速回复 返回列表 官方QQ群
在线客服
客 服 中 心
群 机 器 人
网站二维码
收 起 客 服

QQ|Archiver|手机版|小黑屋|Anycodes ( ICP14002806Anycodes在线编程

GMT+8, 2019-1-16 17:06 , Processed in 2.057319 second(s), 77 queries .

Powered by Anycodes

© 2001-2013 吉林市群龙科技有限公司 Inc.

快速回复 返回顶部 返回列表