01.边框、表格

设置边框、边距

1.单个设置边框（left、right、top、bottom）

h1{

    border-left:10px solid blue;

    border-right:15px solid red;

    border-top:20px solid yellow;

    border-bottom:25px solid green;

}

2. 默认边框

p{

    border:18px dashed #70577e;

}

3. 内容溢出的处理：块元素默认宽度100%，高度自适应，固定宽高之后会溢出

p{

    width:100px;

    height:60px;

    overflow:auto;

}

overflow：

scroll：加滚动条

auto：若溢出自动加滚动条

边距：

padding:内容与边框border之间的距离

margin: 内容+padding+border与页面边框/其他元素之间的距离

a) 四个边设置相同的边距

padding: 20px ；

margin:30px ;

b) 四个边设置不同的边距——上右下左

padding: 10px 20px 30px 40px ;

margin: 40px 30px 20px 10px ;

c) 单个边设置不同的边距——left、right、top、bottom

padding-left: 30px ;

margin-bottom: 20px ;

d) 对边设置边距——上下左右

padding: 20px 30px ;

margin: 50px 60px;

margin:50px auto; 第二个值为auto时，元素水平居中