一、background-color:用于设置元素的背景颜色。可以使用十六进制值、RGB 值等来指定颜色。例如: body{ background-color:#00ff00;/* 使用十六进制值 */ /* background-color: rgb(255, 0, 0); 使用RGB值 */ /*background-color: rgba(255, 0, 0, 0.5); 使用带不透明度的RGB值 */ } 关于颜色的...
3, 三原色表示法,rgb(r,g,b),其中r,g,b分别代表红色,绿色,蓝色,取值范围为0到255. 默认值:transparent 注意: 1.当同时定义了背景颜色和背景图像时,背景图像覆盖在背景颜色之上。 2.如果设置了 <' background-image '>,同时也建议设置 <' background-color '> 用于当背景图像不可见时保持与文本颜色有一定...
语法:background: linear-gradient(direction, color-stop1, color-stop2, ...); ① direction:用角度值指定渐变的方向 方向值:常用的是to top,to bottom,to left,to right,to right top等等 角度值:常用的是0deg、180deg等等 ② color-stop1 color:使用关键字red、rgba等颜色值(透明也可以设置) stop:是...
background-color: black或者background-color: #000000;或者background-color: rgb(0,0,0); 这里补充一个知识点:背景透明(css3) 语法: background: rgba(0, 0, 0, 0.3); 1. 最后一个参数是alpha 透明度 取值范围 0~1之间。1 表示最强,不透明,0 表示最弱,透明。 我们习惯把0.3 的 0 省略掉 这样写...
一、背景:background。 设置对象的背景特性。一个元素可以设置多重背景图像,每组之间用逗号隔开,如果存在重叠关系,前面的背景图像会覆盖在后面背景图上。 1.background-color:指定背景的颜色。取值:正常的颜色取值。 2.background-image:背景图片。如果设置了这个属性,最好也添加下background-color ,用于当背景image不...
background-color 用于表示元素的背景颜色,取值可以是十六进制色号也可以是rgba,或者是hsl。 background-image 用于表示元素的背景图片,与上述的background-color互不冲突,取值为图片所在路径。 background-position 用于表示背景图片的位置,它的取值有两项:x与y,x表示距离左侧边界的长度,y表示距离顶部边界的长度。
1background-color: red; 2. 用rgb方法来表示 红色: 1background-color:rgb(255,0,0); rgb表示三原色“红”red、“绿”green、“蓝”blue。光学显示器,每个像素都是由三原色的发光原件组成的,靠明亮度不同调成不同的颜色的。 用逗号隔开,r、g、b的值,每个值的取值范围0~255,一共256个值。
1. background-color 最常见的就是background-color值,它表示背景的颜色值; background-color可能取值有很多种:十六进制颜色值如#000000、指定颜色名称的值如red、rgb代码的颜色值如rgb(0, 0, 0)、注意现代浏览器还可以是rgba代码的颜色值如rgba(0, 0, 0, 0.5),上面的a表示alpha值。也就是alpha通道,用于背...
首先我们先回顾下background的原有样式: background-color 背景颜色 -相关属性值:-关键字:red,blue,yellow等具体的颜色单词;-十六进制: 0-9,a-f,以“#”开头的6位十六进制数值表示一种颜色,如#f3e1d2;-rgb: 分别代表red,green,blue,取值范围是0-255,如rgb(102,35,210); ...