Skip to content


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简写类似