这样对吗?怎么感觉和效果图不太一样

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

<!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-left:30px;
          padding-top:30px;
          padding-right:30px;
            
        }
span{background-color:yellow;}
    </style>
</head>
<body>
    <div class="container">
      <div class="content">
         <span>
           我是span元素
          </span>
</div>
    </div>
</body>
</html>

慕雪9428345 2019-09-12

源自：盒子模型 3-19 编程练习

2

收起

1回答

好帮手慕夭夭回答被采纳获得+3积分 2019-09-14 09:45:35

你好同学，实现的正确。之所以跟效果图不一样，是因为练习题给出的content盒子宽度比较小，所以里面的内容没有办法在一行显示的就被挤下去了。这个没有关系的，本题主要是为了让大家练习padding的使用，padding设置正确即可。

祝学习愉快，望采纳。

相似问题

感觉和效果图不太一样

3-17编程练习怎么感觉和效果图不一样呢？

这段css代码的line-height:73px;结果不一样啊

怎么感觉2D和3D实现的效果差不多呀

感觉和效果图不太一样，老师帮忙检查一下！

登录后可查看更多问答，登录/注册

1.前端零基础入门

参与学习人
提交作业 8403 份
解答问题 40143 个

本阶段为你揭开日常所见网页的神秘面纱，炫酷的动效并不难得，带你从基础知识到静态网页布局，再到用JS实现动态网页开发，轻松迈入前端开发的大门。

本课精华内容

问答作业

关于浏览器兼容性代码疑问

16 1

请老师检查

65 3

没有明白，为什么height是90，padding-top为60。它就居中了？

26 3

关于三种常用的清除浮动方法的优劣对比，请老师简单讲一讲

18 1

进击的小白们加油。分享一下我做最后这个项目作业的感受

188 1

查看更多本课问答

请稍等 ...

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号