css-盒子模型 

<!DOCTYPE html>
<html>
  <head>
    <title>06-css盒子模型.html</title>
    
    <meta name="keywords" content="keyword1,keyword2,keyword3">
    <meta name="description" content="this is my page">
    <meta name="content-type" content="text/html; charset=gbk">
<!-- 
    padding:一个值：上下左右；
                     两个值： 1、上下 2、左右
                     三个值：1、上 2、左右 3、下
                     四个值：1、上 2、右 3、下 4、左
                         
 -->

 <style type="text/css">
    div{
        border:1px solid red;
        }
        
        #one{
                height:300px;
                width:300px;
                
                margin-left: 100px;
                padding-left: 30px;
            }
            
        #two{
                 background-image: url("E:/mycode/day01-html/CSS/海2.jpg")
                 height: 100px;
                 width:100px;
                 
                 margin-left: 50px;
                 padding-left: 30px;
         }
    
     
 </style>
  </head>
  
  <body >
  <div id="one">
          <div id="two">
              abcd<br>
              abcd<br>


          </div>
  </div>

  <br>
  </body>
</html>

 

posted @ 2016-09-02 10:28  ALMOST_MUJIN  阅读(101)  评论(0)  编辑  收藏  举报