CSS 内边距 padding
padding是元素的内边距,是元素内容 content 与 边框 border 之间的填充。
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