3-15编程练习

来源：3-19 编程练习

hunmix

2017-11-08 18:42:57

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

运行出来效果和效果图不一样请老师帮忙看看~

写回答

1回答