HTML+CSS 搜狗首页展示



搜狗首页

*{margin:0; padding:0;}
#sougou{ width:100%; height:1500px;
background: url(%E6%90%9C%E7%8B%97-%E5%9B%BE%E7%89%87/images/wrapper_bg.png);
background-repeat:repeat-x;}
/*头部*/
#head{ width:1000px; height:135px; margin:0 auto;}
#head1{ height:30px;}
#head1 li{list-style:none ; float:left;font-size:12px;
line-height:30px; color:#999999}
#head1 li a{ color:#999999; text-decoration:none;}
#head1 li a:hover{ color:#F00;}
.hLine{ margin:0 18px;}
#head2{ height:70px;}
#logo{float:left; margin-top:15px;}
#hinput{ float:left; background: url(%E6%90%9C%E7%8B%97-%E5%9B%BE
%E7%89%87/images/search_box.png);
width:325px; height:32px; margin:20px 0 0 479px;}
#hinput input{ width:293px; height:29px;}
#head3{ height:35px;}
#head3 li{ list-style:none;float:left; line-height:35px; font-size:18px;
margin:0 10px; padding:0 30px;}
#head3 li a{ color:#FFFFFF; text-decoration:none; font-family:"微软雅黑"}
#head3 li:hover{ background:#FF6;}
/*图片区*/
#pic{ width:1000px; height:400px;  margin:0 auto;
position:relative}
#picdown{ background:url(%E6%90%9C%E7%8B%97-%E5%9B%BE
%E7%89%87/images/btn_down_pc_7.5.0.png); width:273px; height:70px; margin-
top:10px;}
#picdown:hover{ background-position:0 -70px;}
#pics{ position:absolute; top:245px; left:530px;}
#pics div{ color:#FC3;}
#pics div a{ color:#F00; text-decoration:none; font-size:18x; margin-
left:20px;}
/*内容区*/
#con{ width:1000px; height:900px; margin:0 auto;}
#skin_title{ width:700px; height:29px; background:url(%E6%90%9C%E7%8B%97-%E5%9B
%BE%E7%89%87/images/side_title.png) no-repeat;}
#skin_list{  height:500px;}
#skin_list ul li{ list-style:none; width:333px; height:157px; float:left;
margin:0 34px 13px 0; background:url(%E6%90%9C%E7%8B%97-%E5%9B%BE
%E7%89%87/images/skin_border.png) no-repeat;_display:inline;}
.img{ width:320px; height:110px; margin:auto; margin-top:7px;position:relative;}
.r_sk_inf{ width:333px; height:27px; margin-top:13px;}
.skin_content span{ width:243px; height:12px;  margin-top:6px;  font-size:12px;
display:block;_display:inline;}
.skin_content span a{color:#696969;}
.skin_download a{ width:72px; height:25px; float:left; margin-left:17px;
display:block;_display:inline;}
.skin_download a:hover {background:url(%E6%90%9C%E7%8B%97-%E5%9B%BE
%E7%89%87/images/skin_border.png) no-repeat;}
.skin_content span a:hover{ color:#ff8049;}
#skin_ex_func_title{ width:734px; height:24px;  background:url(%E6%90%9C%E7%8B
%97-%E5%9B%BE%E7%89%87/images/ex_func_title.png) no-repeat;}
#skin_ex_func_list{ height:130px; float:left; margin-top:14px;}
#skin_ex_func_list ul li{ list-style:none; width:90px; height:130px; float:left;
margin-right:32px; _display:inline;}
#skin_ex_func_list ul li a{}
.down_ex_func{ width:76px; height:23px; float:left;margin-top:10px; margin-
left:7px;_display:inline;background:url(%E6%90%9C%E7%8B%97-%E5%9B%BE
%E7%89%87/images/down_ex_func.png) no-repeat;}
#down_ex_func2 {background-position:-76px 0;}
#down_ex_func3 {background-position:-152px 0;}
#down_ex_func4 {background-position:-228px 0;}
#down_ex_func5 {background-position:-304px 0;}
#down_ex_func6 {background-position:-380px 0;}
#down_ex_func1:hover {background-position:0 -23px;}
#down_ex_func2:hover {background-position:-76px -23px;}
#down_ex_func3:hover {background-position:-152px -23px;}
#down_ex_func4:hover {background-position:-228px -23px;}
#down_ex_func5:hover {background-position:-304px -23px;}
#down_ex_func6:hover {background-position:-380px -23px;}
#dict_show_title{ width:734px; height:18px; margin:13px 0 auto }
#dict_show_list{height:130px; float:left; margin-top:14px;}
#dict_show_list ul li { width:90px; height:90px; float:left; margin-right:32px;
_display:inline;}
#dict_show_list ul li span{ width:48px; height:14px; float:left; margin:7px 0 0
21px;display:block;_display:inline;}
#dict_show_list ul li span a{color:#818181; font-size:12px;}
#dict_show_list ul li span a:hover{ color:#ff8049;}
#new_activity{ width:266px; float:left; margin-top:10px; _display:inline;}
#new_activity_title{ width:266px; height:29px; float:left; _display:inline;}
#new_activity ul li{ list-style:none; width:266px; height:33px; float:left;
background:url(%E6%90%9C%E7%8B%97-%E5%9B%BE%E7%89%87/images/activity_bg.png) no-
repeat;_display:inline; }
#new_activity ul li a{ width:240px; height:14px; float:left; margin:7px 0 0 15px;
font-size:12px; color:#696969;_display:inline;}
#new_activity ul li a:hover{ color:#ff8049 ;}
#focus_us{ width:266px; height:174px; float:left; margin-top:20px;
background:url(%E6%90%9C%E7%8B%97-%E5%9B%BE%E7%89%87/images/focus_ewn.png) no-
repeat;_display:inline;}
#focus_us ul li{ width:24px; height:24px; float:left; margin:36px 60px 0
18px;_display:inline;}
#focus_us ul li a{width:24px; height:24px; display:block;}
#sinaWeibo a{width:106px;height:24px;float:left;margin:62px 0 0
147px;_display:inline;}
#keFu a{width:106px;height:24px;float:left;margin:17px 0 0
147px;_display:inline;}
#weizhi{width:734px ;height:900px; float:left;margin: 0 auto}
#weizhi2{width:266px; height:900px; float:left;  position:absolute; top:525px;
left:900px;}
/*尾部*/
#last{width:1000px; height:180px;position:absolute; top:1400px; left:180px;}

  • 输入法手机版
    • |
  • 输入法mac版
    • |
  • 输入法Linux版
    • |
  • 五笔输入法
    • |
  • 浏览器
    • |
  • 手机助手
    • |
  • 壁纸
    • |
  • 手机浏览器
    •  
  • 登陆
    • |
  • 注册
    • |
首页

  • 皮肤
  • 词库
  • 帮助
  • 升级日志
  • 论坛

更新:2015.05.04

新版本

  • 【左文字】男神快 来壁咚我
  • 复仇者联盟雷 神
  • 【景諾】那时花开. 素色
  • 我们毕业了
  • 晴天-刀刀感受风
  • 【初久】时光尽头
  • 网络流行
  • 植物词汇
  • 诗词名句
  • 股票基金
  • 地理地质
  • 中医中药

  • 搜狗输入法Linux版全新发布!
  • 新词特色主题图之旅,一起穿越吧!
  • 萌萌的颜文字一键下载直接使用 !
  • 想做皮肤?皮肤编辑器使用技巧大揭秘
>

HTML+CSS 搜狗首页相关推荐

  1. 爬虫入门—requests模块之搜狗首页下载

    爬虫入门-requests模块之搜狗首页下载 Author: Labyrinthine Leo   Init_time: 2021.02.16 Key Words: Spider.requests库 ...

  2. html+css网站首页实战

    html+css网站首页实战 html部分 <!DOCTYPE html> <html lang="en"> <head><meta ch ...

  3. html+css 百度首页练习

    这几天看完了<css权威指南>,写了个百度页面,不带js的纯静态,主要目的就是掌握页面布局,字体颜色之类的没有深究. 写完了觉得很简单,毕竟一开始觉得只要模仿的像就行,但是缩小了浏览器窗口 ...

  4. H5 css 京东首页

    文件夹image  存储需要的图片ad.jpg,buy.jpg,jd_r2_c2.jpg,logo.jpg,phone.jpg buy.jpg jd_r2_c2.jpg logo.jpg phone. ...

  5. HTML+CSS 京东首页

    终于抽时间把这个项目学完了, 学习到了太多 1.HTML <html lang="en"><head><meta charset="utf- ...

  6. css 回到首页按钮,js+css实现回到顶部按钮(back to top)

    本文实例介绍了js+css实现回到顶部按钮的方法,分享给大家供大家参考,具体内容如下 效果 html css p#back-to-top{ position:fixed; bottom:100px; ...

  7. html+css 百度首页制作

    分为三部分去做,先把一些元素添上,在用style设置格式.<!DOCTYPE html> <html lang="en"> <head>< ...

  8. CSS——京东首页实战总结

    第一天成果 1.浮动的盒子不要给宽,内容撑起盒子的宽 在前端设计中,一般不给浮动的盒子设置宽,让其用内容撑起一个高度. 2.小三角的表示 ◇用一个盒子(盒子宽为字的宽,高度为字高度的一半)去截取这个菱 ...

  9. 当当网首页——CSS代码

    @charset "utf-8"; /* CSS Document *//*首页样式*/ /*右侧随鼠标滚动的广告图片*/ .right{top:50px;right:30px;p ...

最新文章

  1. 只会python好找工作吗-前辈经历告诉你Python新手好找工作吗?初级岗位多不多
  2. 怎样设定目标(五)——设定目标失败的七大原因
  3. 机器学习中的评价指标--1[F,P,R]
  4. Java中divide用法_java的BIgInteger类中divideAndRemainder方法怎么用?
  5. JavaScript——易班优课YOOC课群在线测试自动答题解决方案(二十二)脚本更新3.1
  6. 软件构架师的十大特点
  7. 如何使用Kubernetes官网的免费测试集群学习Kubernetes操作
  8. python glob函数_python glob 模块 map函数
  9. 软件接口测试 (1)
  10. thinkphp漏洞_漏洞分析之thinkPHP反序列化:这就是黑客的世界吗
  11. java使用properties_Java中使用Properties配置文件的简单方法
  12. kettle mysql_KETTLE7如何连接MYSQL8?
  13. 无法执行该VI,必须使用LabVIEW完整版开发系统才可以解决该错误
  14. linux 云主机安装方法,虚拟主机linux服务器安装教程
  15. 我要养成写博客的好习惯!
  16. PhoneGap:免费开源的 HTML5 移动应用开发平台
  17. 前段时间的学习小结——体脂率的计算
  18. caffe源码学习:softmaxWithLoss前向计算
  19. React Native 0.44.3 ----------微信h5支付
  20. Max-Product Loopy Belief Propagation for Solving MRF's energy function minimization

热门文章

  1. 蒲慕明院士:脑机融合技术或许会成为未来人工智能的一个热门方向
  2. Windows 10 21H1 更新的3种方式
  3. camtasia studio2022电脑屏幕录像录屏剪辑
  4. C:\windows\system32文件
  5. python控件_python常用控件
  6. 2022腾讯云年终11.11活动优惠提前享: 一键领取元1888元早鸟券
  7. 换钱 (Standard IO)——c++
  8. Java实现 蓝桥杯VIP 算法训练 删除多余括号
  9. Python 水果出库
  10. 数据结构之二叉排序树(C++实现)