.main-header {
background-color: #f7f7f7;
border-top: 10px solid #1098ad;
padding: 20px;
}
作用:在内容与边框之间填充空白
同 边框 border 类似,也有 padding-left 等方向的单独设置。
也可以简写:
.main-header {
padding: 20px 40px;
/*
与下面相同, 第一个是设置顶部和底部,第二个设置左边和右边
*/
padding: 20px;
padding-left:40px;
padding-right:40px;
}