189 8069 5689
小编给大家分享一下Css中的背景属性怎么用，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！
成都创新互联是一家专业提供文山州企业网站建设,专注与网站设计、做网站、成都h5网站建设、小程序制作等业务。10年已为文山州众多企业、政府机构等服务。创新互联专业网站设计公司优惠进行中。
1、背景包括背景颜色、背景图像
背景颜色：使用单一色作为背景
背景图像：以图片做背景、以渐变色做背景
1、背景颜色
属性:background-color：颜色值;
2、背景图片
属性：background-image
取值:url(图像路径);
background-image：url("images/logo.png");
background-image：url('images/logo.png');
background-image：url(images/logo.png);
3、背景重复
属性:background-repeat:
取值:
repeat :默认值，垂直和水平都平铺
repeat-x :仅在水平方向平铺
repeat-y :仅在垂直方向平铺
no-repeat :不平铺，仅显示一次
4、背景图片尺寸
属性：background-size
取值：value1 value2 :宽度 高度 或者 value% value2% :百分比
cover：扩大背景图像，使背景图完全覆盖背景区域，直到碰到最后一个边缘才停止
contain：扩大背景图像,碰到第一个边缘就停止
5、背景图像固定
属性：background-attachment
取值：scroll即默认，滚动定位 fixed即固定定位
6、背景定位
背景图像在区域中的哪个位置进行显示
属性:background-position
取值: x% y%： 水平位置 垂直位置 或者 x y：水平位置 垂直位置
x为正 ， 向右移动
x为负 ， 向左移动
y为正 ， 向下移动
y为负 ， 向上移动
left right top bottom
center :居中(x,y)
x：可取值为 left , right , center
y：可取值为 top , bottom, center
background-position：left top;
background-position：center;
常用方式：
1、创建一个与要显示图标大小一样的元素
2、为创建好的元素设置背景图像(大背景图)
3、通过background-position，将图片移动到指定的位置处
以上是“Css中的背景属性怎么用”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！