margin和border简写的顺序

来源:互联网 发布:呼叫中心 与 人工智能 编辑:程序博客网 时间:2024/06/07 09:28
 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%;


0 0
原创粉丝点击