CSS背景控制--背景色

背景颜色的设置方法有三种： 颜色的英文单词、 16进制颜色、 rgb颜色。其他常用的背景方法有设置 背景色透明度、 背景的线性渐变、 背景的怪向渐变

1、背景颜色—英文单词

2、背景颜色—16进制颜色

3、背景颜色—rgb颜色

4、背景色的透明度

在css中，设置背景色的透明度只需要通过rgba(R,G,B,A)即可。以上R、G、B三个参数，正整数值的取值范围为：0 - 255。A为透明度参数，取值在0~1之间，不可为负值。
其语法为：background-color:rgba(0,0,0,0.1)，实例如下：

5、背景的线性渐变

线性渐变是设置背景色在某一个方向的颜色变化过程，其语法如下
background-color:linear-gradient(方向，起始颜色，终止颜色)
实例如下：

	
	


	
I love China

6、背景的径向渐变

	
	


	
I love China

7、Style标签控制网站打印背景

通过style中的media="print"来控制页面打印的样式控制

<style media="print">
	<h1> {XXX}
	<p> {XXX}
</style>

8、Stype标签中使用运算符

<style media="screen and (min-width:512px) and (max-width:1024px)">
	body {background: url("./img/xxx.jpg")}
</style>

其中，media=“screen” 代表设定屏幕显示的格式 min代表不小于设定的像素值，max表示不大于设定的像素值。以上代码如果满足页面大小满足表达式中的条件，显示body中指定的背景图片，如果不满足，则显示默认的背景图