border-top、border-bottom、border-left、border-right
4、border 简写
按以下顺序:
css
p {
border: 5px solid red;
}
5、border-radis
<font style="color:#E8323C;">border-radis</font>
设置边框圆角的半径
二、外边距 margin
<font style="color:rgb(0, 0, 0);background-color:rgb(253, 252, 248);">auto</font>
_<font style="color:rgb(0, 0, 0);background-color:rgb(253, 252, 248);">length</font>_<font style="color:rgb(0, 0, 0);background-color:rgb(253, 252, 248);"> </font>
<font style="color:rgb(0, 0, 0);background-color:rgb(253, 252, 248);">%</font>
<font style="color:rgb(0, 0, 0);background-color:rgb(253, 252, 248);">inherit</font>
1、margin简写
可以在
css
margin: 25px 50px 75px 100px;// 上、右、下、左
margin: 25px 50px;上和下外边距是 25px 右和左外边距是 50px
margin: 25px; // 所有四个外边距都是 25px
2、外边距合并(边距塌陷)
父子盒子:
解决办法
相邻盒子:
三、内边距 padding
与margin简写类似