CSS 内边距 padding

padding是元素的内边距，是元素内容 content 与 边框 border 之间的填充。

css_padding_1.png

图1
div{
	width: 100px;
	height: 50px;
	padding-top:30px;
	padding-bottom:30px;
	padding-right:50px;
	padding-left:50px;
	background-color: #5F9EA0;
}

padding 简写

padding:10px 20px 30px 40px:

  • 上内边距为10px
  • 右内边距为20px
  • 下内边距为30px
  • 左内边距为40px

padding:10px 50px 20px:

  • 上内边距为10px
  • 左右内边距为50px
  • 下内边距为20px

padding:25px 50px:

  • 上下内边距为25px
  • 左右内边距为50px

padding:25px: 所有的填充都是25px