HTML+CSS 搜狗首页
![](/assets/blank.gif)
搜狗首页
*{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版
|
五笔输入法
|
浏览器
|
手机助手
|
壁纸
|
手机浏览器
登陆
|
注册
|
![](%E6%90%9C%E7%8B%97-%E5%9B%BE%E7%89%87/images/logo.png)
- 皮肤
- 词库
- 帮助
- 升级日志
- 论坛
![](%E6%90%9C%E7%8B%97-%E5%9B%BE%E7%89%87/images/banner_7.5.1.jpg)
新版本
【左文字】男神快 来壁咚我
复仇者联盟雷 神
【景諾】那时花开. 素色
我们毕业了
晴天-刀刀感受风
【初久】时光尽头
![](%E6%90%9C%E7%8B%97-%E5%9B%BE%0d%0a%0d%0a%E7%89%87/images/dict_show_title.png)
网络流行
植物词汇
诗词名句
股票基金
地理地质
中医中药
![](%E6%90%9C%E7%8B%97-%E5%9B%BE%0d%0a%0d%0a%E7%89%87/images/new_activity.png)
搜狗输入法Linux版全新发布!
新词特色主题图之旅,一起穿越吧!
萌萌的颜文字一键下载直接使用 !
想做皮肤?皮肤编辑器使用技巧大揭秘
![](%E6%90%9C%E7%8B%97-%E5%9B%BE%E7%89%87/images/download_list.2.5.2.jpg)
>![](%E6%90%9C%E7%8B%97-%E5%9B%BE%E7%89%87/images/skin_pic.jpg)
![](%E6%90%9C%E7%8B%97-%E5%9B%BE%E7%89%87/images/last.png)
HTML+CSS 搜狗首页相关推荐
- 爬虫入门—requests模块之搜狗首页下载
爬虫入门-requests模块之搜狗首页下载 Author: Labyrinthine Leo Init_time: 2021.02.16 Key Words: Spider.requests库 ...
- html+css网站首页实战
html+css网站首页实战 html部分 <!DOCTYPE html> <html lang="en"> <head><meta ch ...
- html+css 百度首页练习
这几天看完了<css权威指南>,写了个百度页面,不带js的纯静态,主要目的就是掌握页面布局,字体颜色之类的没有深究. 写完了觉得很简单,毕竟一开始觉得只要模仿的像就行,但是缩小了浏览器窗口 ...
- H5 css 京东首页
文件夹image 存储需要的图片ad.jpg,buy.jpg,jd_r2_c2.jpg,logo.jpg,phone.jpg buy.jpg jd_r2_c2.jpg logo.jpg phone. ...
- HTML+CSS 京东首页
终于抽时间把这个项目学完了, 学习到了太多 1.HTML <html lang="en"><head><meta charset="utf- ...
- css 回到首页按钮,js+css实现回到顶部按钮(back to top)
本文实例介绍了js+css实现回到顶部按钮的方法,分享给大家供大家参考,具体内容如下 效果 html css p#back-to-top{ position:fixed; bottom:100px; ...
- html+css 百度首页制作
分为三部分去做,先把一些元素添上,在用style设置格式.<!DOCTYPE html> <html lang="en"> <head>< ...
- CSS——京东首页实战总结
第一天成果 1.浮动的盒子不要给宽,内容撑起盒子的宽 在前端设计中,一般不给浮动的盒子设置宽,让其用内容撑起一个高度. 2.小三角的表示 ◇用一个盒子(盒子宽为字的宽,高度为字高度的一半)去截取这个菱 ...
- 当当网首页——CSS代码
@charset "utf-8"; /* CSS Document *//*首页样式*/ /*右侧随鼠标滚动的广告图片*/ .right{top:50px;right:30px;p ...
最新文章
- 只会python好找工作吗-前辈经历告诉你Python新手好找工作吗?初级岗位多不多
- 怎样设定目标(五)——设定目标失败的七大原因
- 机器学习中的评价指标--1[F,P,R]
- Java中divide用法_java的BIgInteger类中divideAndRemainder方法怎么用?
- JavaScript——易班优课YOOC课群在线测试自动答题解决方案(二十二)脚本更新3.1
- 软件构架师的十大特点
- 如何使用Kubernetes官网的免费测试集群学习Kubernetes操作
- python glob函数_python glob 模块 map函数
- 软件接口测试 (1)
- thinkphp漏洞_漏洞分析之thinkPHP反序列化:这就是黑客的世界吗
- java使用properties_Java中使用Properties配置文件的简单方法
- kettle mysql_KETTLE7如何连接MYSQL8?
- 无法执行该VI,必须使用LabVIEW完整版开发系统才可以解决该错误
- linux 云主机安装方法,虚拟主机linux服务器安装教程
- 我要养成写博客的好习惯!
- PhoneGap:免费开源的 HTML5 移动应用开发平台
- 前段时间的学习小结——体脂率的计算
- caffe源码学习:softmaxWithLoss前向计算
- React Native 0.44.3 ----------微信h5支付
- Max-Product Loopy Belief Propagation for Solving MRF's energy function minimization