盒子模型3-15编程练习

来源：3-19 编程练习

qq_水落无痕_1

2017-12-01 19:32:46

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>border属性</title>
    <style type="text/css">
        .container{
          width:200px;
          height:200px;
          background-color:pink;
        }
        .content{
          width:100px;
          height:100px;
          background-color:orange;
          padding-top:50px;
          padding-left:100px;
        }
        span{background-color:yellow;padding-left:30px;padding-right:30px;padding-top:30px;}
    </style>
</head>
<body>
    <div class="container">
      <div class="content">
         <span>
           我是span元素
          </span>
</div>
    </div>
</body>
</html>