3-19 编程练习 哪里错了

来源:3-19 编程练习

weixin_慕用5152390

2019-08-06 10:58:36


<!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:purple;
           /*补充样式*/
           padding-top: 50px;
           padding-left: 100px;
          
        }
span{background-color:yellow;
     padding-top: 30px;
     padding-right: 30px;
     padding-left: 30px;}
    </style>
</head>
<body>
    <div class="container">
      <div class="content">
         <span>
           我是span元素
          </span>
</div>
    </div>
</body>
</html>
写回答

1回答

好帮手慕糖

2019-08-06

同学你好,1、内边距是设置边框与内容的间距,所以:如下,外层的大盒子与它的内容(橙黄色的盒子)的上内边距以及左边距,应该设置给大盒子,例:

http://img.mukewang.com/climg/5d48f30700014dbc04430379.jpg

http://img.mukewang.com/climg/5d48f3340001057204400317.jpg

2、同理,里面的内边距30px,应该设置给content这个盒子,例:

http://img.mukewang.com/climg/5d48f35e00017ebe04950583.jpg

希望能帮助到你,欢迎采纳。

祝学习愉快!


0

0 学习 · 40143 问题

查看课程

相似问题