CSS总结

背景样式

1.背景颜色

语法:background-color:transparent|color

(1)英文

body { background-color:red;}

(2)十六进制

h1 { background-color:#EDEDED;}

(3)rgba

RGB是一种色彩标准,是由红(R)、绿(G)、蓝(B)的变化以及相互叠加来得到各式各样的
颜色。RGBA是在RGB的基础上增加了控制alpha透明度的参数。

语法:
color:rgba(R,G,B,A)以上R、G、B三个参数,正整数值的取值范围为:0 - 255。百分数值的
取值范围为:0.0% - 100.0%。超出范围的数值将被截至其最接近的取值极限。并非所有浏览
器都支持使用百分数值。A为透明度参数,取值在0~1之间,不可为负值。

例:
border-color:rgba(255 , 0 , 0 , .7);

background-color:rgba( 100 , 120 , 60 , .5 );

border-color:rgba(255 , 0 , 0 , .7);

(3)渐变色彩

CSS3 Gradient 分为线性渐变(linear)和径向渐变(radial)。由于不同的渲染引擎实现渐变的语法不同,这里我们只针对线性渐变的 W3C 标准语法来分析其用法,其余大家可以查阅相关资料。

第一个参数省略时,默认为“180deg”,等同于“to bottom”。
第二个和第三个参数,表示颜色的起始点和结束点,可以有多个颜色值。(颜色值后面可以追加百分比,表示这个颜色要占总背景颜色面积的百分比)

例子:
background-image:linear-gradient(to left, red 30%,blue);

2.背景平铺方式

background-repeat:repeat|no-repeat|repeat-x|repeat-y

(1)

原文地址:https://www.cnblogs.com/moyingliang/p/5772404.html