美文网首页
内边距padding和外边距margin

内边距padding和外边距margin

作者: CJCJCCJ | 来源:发表于2016-11-11 16:46 被阅读75次

    padding:上 右 下 左
    padding-top: ;
    padding-right: ;
    padding-bottom: ;
    padding-left: ;

    注意

    1.给标签设置内边距之后, 标签占有的宽度和高度会发生变化
    解释:设置了内边距后,如果是left或right,则标签会在水平方向上增加宽度(left + right),如果是top或bottom,则会在竖直方向上增加高度(top + bottom),但是里面的内容还是按照原来的标签设置的宽度和高度
    2.给标签设置内边距之后, 内边距也会有背景颜色
    解释:变宽和变高后,整个颜色都变红,包括增加的内边距

    margin有合并现象,标签1的margin-left是50,标签2的margin-right是100,他们之间的间距就是150

    相关文章

      网友评论

          本文标题:内边距padding和外边距margin

          本文链接:https://www.haomeiwen.com/subject/mpffpttx.html