内边距padding和外边距margin

2016-11-11  本文已影响75人  CJCJCCJ

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

上一篇下一篇

猜你喜欢

热点阅读