这篇文章主要介绍“css背景样式有哪些”，在日常操作中，相信很多人在css背景样式有哪些问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”css背景样式有哪些”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！
css背景样式包含：background-color、background-image、background-position、background-attachment、background-repeat、background。
本教程操作环境：windows7系统、CSS3版、Dell G3电脑。
1、background-color 设置元素的背景颜色。
background-color：颜色/transparent说明：
transparent是全透明
颜色值（颜色名/RGB/十六进制）
背景区包括内容、内边距（padding）和边框（border）、不包含外边距（margin）
2、background-image 设置元素的背景图片。
background-image：url(图片地址)/none说明：
url地址可以是相对地址也可以是绝对地址
元素的背景占据了元素的全部尺寸，包括内边距和边框，但不包括外边距
默认地，背景图像位于元素的左上角，并在水平和垂直方向上重复。
当即设置了背景图片又设置了背景颜色时，背景图片会覆盖背景颜色
3、background-position 设置背景图片的起始位置，背景定位
background-position ：百分比/px/top/right/bottom/left/center
4、background-attachment 背景图像是否固定或者随着页面的其余部分滚动
background-attachment：scroll/fixedscroll： 默认值，随着图片的滚动而滚动
fixed：当页面的其余部分滚动时，背景图片不会移动
5、background-repeat 设置背景图像是否重复及如何重复
background-repeat：repeat/no-repeat/repeat-x/repeat-y
//分别是重复、不重复、水平重复、不重复6、background 简写属性，作用是将背景属性设置在一个声明中。
background：[background-color] [background-image] [background-repeat] [background-attachment] [background-position]说明：各值之间用空格分割，不分先后顺序
到此，关于“css背景样式有哪些”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注编程网网站，小编会继续努力为大家带来更多实用的文章！
