我的Div+css设计_html/css_WEB-ITnose

WBOY
Release: 2016-06-24 12:31:53
Original
1001 people have browsed it

HTML

 

Code
nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



CSS









   

   

   
      

      
         
我的Div+css设计_html/css_WEB-ITnose

         

         
          
          
 
      

      
      

        
         
我的Div+css设计_html/css_WEB-ITnose

         
         

         
         
         
         

         
         

         
          我的Div+css设计_html/css_WEB-ITnose
          我的Div+css设计_html/css_WEB-ITnose
         

      
      

   
   
   
   

   
   

   
   

   
    

             
  • 我的Div+css设计_html/css_WEB-ITnose

  •          
  • 我的Div+css设计_html/css_WEB-ITnose

  •          
  • 我的Div+css设计_html/css_WEB-ITnose

  •          
  • 我的Div+css设计_html/css_WEB-ITnose

  •          
  • 我的Div+css设计_html/css_WEB-ITnose

  •          
  • 我的Div+css设计_html/css_WEB-ITnose

  •          
  • 我的Div+css设计_html/css_WEB-ITnose
  •  
           

       
    

    
    
    
    

   
   

             
  • 我的Div+css设计_html/css_WEB-ITnose
                 我的Div+css设计_html/css_WEB-ITnose
                 我的Div+css设计_html/css_WEB-ITnose
                 我的Div+css设计_html/css_WEB-ITnose
             

  •         
       

       
    

  
   

   
   

   
      

        

Title


        

Hello


        

Heeeeoleeefdsfdsfasfdsafdsf


      
      

      
      

        

Right


      

      
      
      

       

Adsense


       

Adsense 120 X 600


      

   
   
    
spacer

   
   

      
      
   
   
footer











 

CSS定义:

 

 

Code
/* ------------------------------ 
HTML Redefine Tags
------------------------------ */

body
{
 
 margin:20px;font-size:12px;color:#71585e;line-height:16px;
}

ul{margin:0px}
li{list-style-type:none;}
a {font-size:12px;color:#71575D;text-decoration:none;}



/* ------------------------------ 
PAGE STRUCTURE 
------------------------------ */

/* 
#container has an absolute width (1005 pixel) 
*/


#container { margin:0 auto;    width:1005px;}

#topbar { width:auto; display:block;  border:1px solid #ccc;}

#topmenu {width:auto; display:block;}

  .col_left {width:450px; float:left; }

  .links {float:right;width:550px;}

#topmenu ul{margin:8px;width:500px;text-align: right;}
#topmenu li{margin:3px 10px;display:inline;padding-left:12px; background: url(../images/index_dot2.gif) no-repeat left;}

#top {width:auto; display:block;}
.logo {float:left;width:430px;padding:8px 0px;text-align: center;vertical-align: middle;}
.topad {float:left;width:190px;}
.topad ul{margin:0px;}
.topad li{margin:3px 0px;padding-left:10px; background: url(../images/index_dot2.gif) no-repeat left;}



#navbar {width:auto; float:left;margin:0px auto;background-image: url(../images/top_menu_bg.jpg);background-repeat: repeat-x; border:1px solid #ccc;}

#navbar_left {float:left;width:650px;height:40px;}
#navbar_left ul {margin:0px 5px;width:640px}
#navbar_left li {float:left;margin:0px 2px;display:inline;}


#navbar_right {float:right;width:355px;}
#navbar_right ul {margin:5px 0px;padding:0px;}
#navbar_right li {margin:0px;padding:0px;display:inline;}



#main {width:auto; display:block; padding:10px 0;}

#column_left { width:360px; padding-right:20px; float:left}

#column_right { width:260px; padding-right:20px; float:left}

#column_right_ad { width:120px; float:left}

div.spacer { clear:both; display:block; height:10px;border:1px solid #ccc;}

#footer { width:auto; padding:10px 0; display:block; font:11px; color:#666666;border:1px solid #ccc; }


/* ------------------------------ 
CUSTOM CLASSES
------------------------------ */

/* 
Add here your custom classes
*/

 

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template