3-19 编程练习

来源：3-19 编程练习

啤酒泡饭饭

2019-04-09 10:15:45

.content{
          width:100px;
          height:100px;
          background-color:orange;
          padding-top: 30px;
          padding-left: 30px;
          padding-right: 30px;
        }

为什么用padding：30px 30px这种简写实现效果不一样呢？下面就会多出来一截，谢谢老师解答啦~

写回答

1回答

好帮手慕慕子

2019-04-09

同学你好，这里可以这样理解。

直接写padding：30px 30px; 第一个30px表示设置上下内边距为, 第二个30px表示设置左右内边距；
同学展示的代码，分开写的时候是没有设置下内边距，而这样简写的话设置了下内边距。导致下面会多出来一截
同学这里可以简写为padding: 30px 30px 0;

同学可以结合上面的图片，下去练习一下。加深自己的理解哦

如果帮助到了你欢迎采纳

祝学习愉快~~~~

0 学习 · 36712 问题

查看课程

相似问题

3-19编程练习

回答 1

3-19编程练习

回答 1

3-19 编程练习《待批改》

回答 1

4-3编程练习为什么我的li不显示呢

回答 1

盒子模型3-19编程练习

回答 1

打开慕课网App查看更多内容