Question

css修改方框里的值，上右下左分别代表什么意思

Answer 1

一个方框有四条边嘛，上右下左，就这么简单；

具体一点：

《填充》的上右下左分别代表方框的边到方框里面的内容的距离，俗称"内边距"；

而《边界》的上右下左分别代表这个方框距离别的方框四周的距离，俗称"外边距"；

给个图你看，就什么都明白了：

其中，“边框“框住的区域为方框，蓝色的为内容。理解一下上面的意思

Answer 2

当css属性的参数是4个与长度相关的数值时，其一般是按照上右下左的顺序来排列的，比如：
margin: 10px 20px 30px 40px
表示上边距为10像素，右边距为20像素，下边距为30像素，左边距为40像素。
也就是说它相当于：
margin-top: 10px;
margin-right: 20px;
margin-bottom: 30px;
margin-left: 40px;