margin和border简写的顺序

最新推荐文章于 2024-06-23 22:13:14 发布

枕梦

最新推荐文章于 2024-06-23 22:13:14 发布

阅读量9.7k

点赞数 2

分类专栏： HTML5+CSS 文章标签： border margin padding

本文链接：https://blog.csdn.net/qq_37768482/article/details/70232502

版权

HTML5+CSS 专栏收录该内容

24 篇文章 0 订阅

订阅专栏

 margin-top: 20px;
 margin-left: 20px;
 margin-right: 20px;
 margin-bottom: 20px;

  margin: 20px;/*上下左右均为20px*/

  margin: 10px 20px 30px 40px;/*顺时针顺序：上右下左*/

  maigin:10px 20px   /*上下为10px  左右为20px*/
  maigin:50px 80px 30px  /*上为50px  左右为80px  下为30px*/


text-align: justify;/*两端对齐*/
margin: 0px auto;/*上下边距为0px 左右居中显示*/

border、padding的属性值与margin类似，都是顺时针方向
border: 5px solid rebeccapurple;/*顺序可以改变*/

padding-top: 10px;
padding-right: 20px;
padding-bottom: 30px;
padding-left: 40px;


盒子的弧度：
/*顺时针方向：左上角开始*/
border-radius: 0 20px 0 20px;
border-radius: 50%;