首页  >  文章  >  web前端  >  1.DIV+CSS 的练习_html/css_WEB-ITnose

1.DIV+CSS 的练习_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-24 12:27:051031浏览

   

       

瓜瓜   

 

 body    {/*     padding:0;     margin:0;     */    }   

 #head    {   

  /*     margin:0;     height:99px;         

 background-image:url("images/guagua_01.jpg");    

 background-repeat:no-repeat;     

background-position:center center; 距离左边的边距,距离上边的边距    

 */

    /*background:url("images/guagua_01.jpg") left bottom no-repeat;  另一种写法*/   

  /*background-color:#F00; Red

    float:left;     

*/   

 }        

div    

{    

 /*    

 border:1px solid #ccc;     width:50px;     height:50px;    

 */   

 }

   #container   

 {     

width:560px;     

padding:5px;   

  margin:0 auto;/* 居中 (很常用的功能),但要配合Html标签上面那两句声明使用,另外像

这种功能已经很少在用了 */   

  border:1px solid #ccc;    

}

       #left,#right    

{     width:100px;     height:100px;     border:1px solid #ccc;    }        

#left    {     float:left;     width:400px;    }   

 #right    {     float:right;    }        

.clear{clear:both;}    /* 因为浮动关系,要加上它,不然其他DIV会脱离Container这个DIV    所有网站都是这样解决的    */       

 

 

 

 

  

  左侧   

  

  

   
 

   

 

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn