店铺首页图片css,店铺装修-CSS中的背景样式

本篇教程学习的是店铺装修-CSS中的背景样式，喜欢的一起来学习吧。

那我们开始今天的教程吧。

1.在【窗口】-【CSS设计器】添加【在页面中定义】，添加一个新的类，【布局】里面有两个重要的东西，一个是【宽】，一个是【高】，没有宽和高的话，背景就不显示了。

2.把【背景】里面的东西截图，对比着去做，创建一个【div】，写一下背景样式，添加样式，写下【background-color】，给它一个颜色，文字就有背景色了，给这个元素设置宽高，在里面写上字，修改个颜色，这个样式就有了。

3.加上【text-align】就是文本的水平对齐方式，写个【center】，刷新一下，文字就水平居中了，除了颜色以外，还可以添加背景的图像。

4.找张图，把链接复制过来，把背景颜色删掉，写个【background-image】，然后【浏览】一下，这个是引入背景图像的方式，现在把它去掉，换成网络图像，这个时候图像就已经有了。

5.现在图像是重复的，写个【background-repeat】，这个就是背景重复，写个【no-repeat】，这个时候就只有一张图了。

6.图像和颜色共存的时候，图像的优先级要高，颜色会被图像给覆盖着，加上【no-repeat】，才能看到背景的颜色，可以设置成【repeat-x】，这时水平轴进行平铺了，【repeat-y】是垂直方向的平铺，这个就是【background-repeat】的属性了。