调整内边距Padding
Adjusting the Padding of an Element
现在让我们把 Cat Photo App 暂时搁置,以学习更多的 HTML 样式。
你可能早已经注意到了这点,所有的 HTML 元素本质上是小的矩形块,代表着某一小块区域。
有三个影响HTML元素布局的重要属性:padding(内边距)
、margin(外边距)
、border(边框)
。
元素的 padding
控制元素内容 content
和元素边框 border
之间的距离。
在这儿,我们可以看到绿方块和红方块都位于黄方块之中,但是红方块比绿方块具有更大的padding
。
当你加大绿方块的 padding
, 它将扩大元素内容和元素边框的距离。
任务:修改绿方块的 padding
以使它与红方块相匹配。