前端学习-盒子模型-属性-编程练习

padding填充属性

小伙伴们，学习了padding填充属性，那么根据效果图，补充代码，实现元素与元素之间的距离

效果图如下：

任务

根据效果图完成下列步骤：

第一步：设置两个div元素之间的距离

第二步：设置span元素与其父元素之间的距离

代码

border属性

span{background-color:yellow;}

我是span元素

总结：

padding（内填充）：边框与内容之间的距离使用这个属性，属性有上下左右的设置，
padding-top：长度丨百分比
padding-right：长度丨百分比
padding-bottom：长度丨百分比
padding-left:长度丨百分比

简写
padding：值1；//4个方向都为值1
padding：值1 值2；//上下=值1，左右=值2
padding：值1 值2 值3；//上=值1，左右=值2，下=值3
padding：值1 值2 值3 值4；//上=值1，右=值2，下=值3，左=值4

说明：值不能为负值