Css中的背景属性怎么用

小编给大家分享一下Css中的背景属性怎么用，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！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 , rig免费云主机、域名ht , center

y ：可取值为 top , bottom, center

background-position：left top;

background-position：center;

常用方式：

1、创建一个与要显示图标大小一样的元素

2、为创建好的元素设置背景图像(大背景图)

3、通过background-position，将图片移动到指定的位置处

以上是“Css中的背景属性怎么用”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注云技术行业资讯频道！

相关推荐: div怎么设置右边加边框

本篇内容主要讲解“div怎么设置右边加边框”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“div怎么设置右边加边框”吧! 1、DIV的右边框应用单词和值 2、代码 对DIV设置装备摆设红色虚线边框 3、截图到此，相信…