前端5-css背景

一、background-color: 背景颜色

 

二、background-image: url() 背景图片

 

三、background-repeat:背景是否平铺

①、repeat：平铺

②、no-repeat：不平铺

③、repeat-x: x轴平铺； repeat-y：y轴平铺

 

四、background-position：背景位置；

①、background-position: center left;     x轴居中，y轴靠左  ：可以写方位名词。

②、background-position: 20px 10px;    x轴20像素，y轴10像素 ： 精确位置。

③、background-position：center 20px;  x轴居中，y轴20像素； 混合单位。

 

五、background-attachment；背景附着。

①、scroll： 背景随鼠标滚动。

②、fixed;   背景附着。

 

六、背景简写：

①、background: 背景颜色 图片 平铺 滚动 位置

②、background: black url no-repeat fixed 20px 20px;

 

七、背景色半透明：

①、background: rgba(0, 0, 0, .5)