HTML+CSS 搜狗首页

来源：互联网发布：java final 类编辑：程序博客网时间：2024/05/04 02:51
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版全新发布！
   新词特色主题图之旅，一起穿越吧！
   萌萌的颜文字一键下载直接使用！
   想做皮肤？皮肤编辑器使用技巧大揭秘
    
        
    
    
    >