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

html-css06

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

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

具体一点:

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

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

给个图你看,就什么都明白了:

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

属于边框属性样式的是solid,dashed,dotted,none。css边框属性有以下:

1、上边框:border-top-style,border-top。

2、下边框:border-bottom-style,border-bottom-width。

3、左边框:border-left-style,border-left-width。

4、右边框:border-right-style,border-right-width。