CSS中的背景设置

2017-08-21  本文已影响0人  top丶浩锅

CSS样式中的background有许许多多的属性及属性值,分别有:backgr-color,background-image,background-position,background-repeat以及background-size。下面一一介绍他们的属性值

1.background-color:#16精制的数字/rgb()/英文单词的颜色

2.background-image:url("图片地址");

3.backg-repeat:repeatX(在x轴平铺)/repeatY(在y轴平铺)/no-repeat(不平铺);

4.backg-position:x y(分别表示在x轴和y轴位移量)/left,center,right   top,center,bottom(也可以这样表示)

5.background-size:width height(分别给宽高值)/contain(自适应平铺,当平铺到盒子边缘时停止)/cover(自适应铺满)

有些人觉得这样一个一个的写太麻烦,然后就有了一个简写:

background:background-color background-image background-repeat background-position,没有硬性规定它们的顺序,但是统一规范都是以这个顺序。

拓展:多背景图片属性

一般在background-image后面属性值插入图片,以逗号隔开。后面所有的属性都以逗号隔开。

上一篇 下一篇

猜你喜欢

热点阅读