background-color:rgb(255,0,0); 黑色: background-color:rgb(0,0,0); 颜色可以叠加,比如黄色就是红色和绿色的叠加: background-color:rgb(255,255,0); RGBA 表示法 background-color:rgba(0,0,255,0.3);border:30pxsolidrgba(0,255,0,0.3); 代码解释: RGBA 即:Red 红、Green 绿、Blue 蓝、...
background-color: rgba(255,0,0,0.5); 1.2 opacity opacity是一种设置元素透明度的属性,取值范围为0到1,其中0为完全透明,1为完全不透明。 1 2 /* 设置元素透明度为0.5 */ opacity:0.5; 2. CSS渐变 CSS中的渐变可以使用linear-gradient和radial-gradient两种方式实现。 2.1 linear-gradient linear-gradient是...
background: -webkit-linear-gradient(left,red,white); background:-moz-linear-gradient(0deg,red,#fff); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=white,gradientType=1); background: -o-linear-gradient(red,white); } .linear2 { width:130px;height:130px;border...
background: linear-gradient(to bottom,hotpink, darkblue);background: linear-gradient(to right,hotpink, darkblue);background: linear-gradient(to left,hotpink, darkblue);background: linear-gradient(to top,hotpink, darkblue); background: linear-gradient(to right bottom,hotpink, darkblue); back...
线性渐变(linear-gradient) ==特点== :就是向一个方向进行颜色渐变,上/下/左/右/对角线 ==要素== :方向,颜色(起始,终止,中间色) ==语法== :background: linear-gradient(to direction, color-start, color-stop1, ... , color-end); ==使用== : ...
background: linear-gradient(#ff0,#f0f,#fff,pink); 从左到右渐变,左是开始 , 右是结束。 begin 表示写开始 ,从左到右,在-webkit-内核中写 left. end 表示写结束, 从左到右,在-moz-内核中写 right. to end,从左到右,所以标准写法应该是 to right. 这是标准写法。
opacity:0;/* 完全透明 */ 4. 渐变 渐变可以让元素从一种颜色平滑地过渡到另一种颜色,CSS3提供了两种类型的渐变:线性渐变和径向渐变。 4.1 线性渐变 线性渐变可以让元素在水平或者垂直方向上从一种颜色平滑地过渡到另一种颜色,语法如下: 1 background: linear-gradient(toright,red, yellow); ...
CSS背景(background) 「1. 背景颜色」 background-color: 颜色值; 默认的值是transparent透明的 「2. 背景图片(image)」 语法: background-image:none|url(url) ; 例如: background-image:url(images/1.png); 「3. 背景平铺(repeat)」 background-repeat:repeat|no-repeat...
opacity:设置元素的透明度。取值范围为0到1,0表示完全透明,1表示完全不透明。 background-size:控制背景图片的尺寸。可以设置具体的宽度和高度值,也可以使用关键词(如"cover"或"contain")来调整图片的显示方式。 @media:用于根据设备的特性和媒体查询条件来应用不同的样式。可以根据屏幕宽度、设备类型等条件来设置样式...
background: linear-gradient(to bottom, #fb0000 0%,#d50000 15%,#c70000 75%,#b20000 100%); 2 背景色 透明 {filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5; } 还有背景色rgb的最后一个变量是可以控制透明度的。