回顾一下~

Posted 2020-09-22

背景：

background-color：背景颜色

background-image：背景图片，在页面中背景图在背景颜色上边

background-repeat：背景图片的平铺方式

常有：

　　background-repeat:no-repeat——不平铺

　　　　　　　　　　　  :repeat——平铺（默认）

 　　　　　　　　　　　 :repeat-x——横向平铺

　　　　　　　　　　　  :repeat-y——纵向平铺　　　　　　　　　　　　

background-position：背景图片的位置，图片默认出现在左上角

常有：

　　background-position:top——上

　　　　　　　　　　　　:bottom——下

　　　　　　　　　　　　:left——左

　　　　　　　　　　　　:right——右

　　　　　　　　　　　　:center——居中

　　background-position还可以使用空格和像素来达到靠右下角并且留有一定距离的效果

 

边界与边框：

　　　　　　margin：外边距，用像素表示，顺序依次为上右下左，顺时针方向，也可以分别用margin-top/right/bottom/left来设置，如果只写一个表示四个方向的距离均为此值.

　　　　　　padding：内边距，和margin相同，都是用像素，上右下左，也可以分别设置，如果使用了padding，该元素会相应变大.

　　　　　　border：边框，可以同时设置宽度，颜色，边框线，用空格隔开，也可以单独设置，border也可以单独设置上/下/左/右边框，边框的大小也是包含元素里面的.