Adjusting the Padding of an Element


现在让我们把 Cat Photo App 暂时搁置,以学习更多的 HTML 样式。

你可能早已经注意到了这点,所有的 HTML 元素本质上是小的矩形块,代表着某一小块区域。

有三个影响HTML元素布局的重要属性:padding(内边距)margin(外边距)border(边框)

元素的 padding 控制元素内容 content和元素边框 border 之间的距离。

在这儿,我们可以看到绿方块和红方块都位于黄方块之中,但是红方块比绿方块具有更大的 padding

当你加大绿方块的 padding, 它将扩大元素内容和元素边框的距离。

任务:修改绿方块的 padding 以使它与红方块相匹配。

Run tests (ctrl + enter)