语法: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:是...
<item android:drawable="@color/color1" android:state_pressed="true"/> <item android:drawable="@color/color4" android:state_enabled="false"/> <item android:drawable="@color/color3" /> 1. 2. 3. 4. 5. 6. layout_btn.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xml...
属性一:background-color 如其名,这个属性是设置背景颜色的,有5种可能的值: 1.background-color:red;(已颜色英文名称命名的颜色值) 2.background-color:#ff0000;(十六进制的颜色值) 3.background-color:rgb(255,0,0);(rgb类型的颜色值) 4.background-color:transparent;(默认,背景色为透明) 5.background...
一，background可以设置背景颜色、背景图片、定位等。而background-color只能设置背景颜色 。二，底色(background-color)是纯的色区。背景(background)，可以是纯色也可以是图案。三，background的属性值是图片资源，而background-color的是颜色。
1、background-color background 是复合属性。 background-color:背景色。 色值表示法:#ff0000 ,red ,rgb(255,0,0),rgba(255,0,0,.5) 背景色渲染位置:border以内。 2、background-image background-image:背景图 url:统一资源定位符,图片的地址
background-color: rgb(red, green, blue); // 不设置背景透明度; background-color: rgb(red, green, blue),0.5; // 让背景透明一半; 1. 2. 背景的复合属性: // background:背景颜色 背景图片 背景图片是否重复 背景是否固定 背景位置; background: antiquewhite url() no-repeat fixed 0 0; ...
background-color: red; background-color: indigo; /* 十六进制值 Hexadecimal value (设置透明值 和 不设置 不透明值) */ background-color: #bbff00; /* 完全不透明 Fully opaque (不设置 不透明值)*/ background-color: #bf0; /* 完全不透明的 简写 Fully opaque shorthand (不设置 不透明值)*/...
2.1 background-color 指定背景的颜色 只能设置一个颜色值,特殊的颜色值:transparent,也是默认值; 通过background-clip属性可以控制background-color的应用范围; background-clip属性要先背景颜色属性时,否则该background-clip属性无效(背景图片就没有这个问题)。
background-color 背景颜色; background-image 背景图片 background-repeat 背景图片重复方式 background-position 背景图片位置 background-size 背景大小 background-attachment 背景图片滚动控制 background-clip:conten-box || padding-box || border-box 规定背景的绘制区域,注意提前设置好padding数值,这样能够效果更加...
CSS3background分别设置多个背景图片 1 2 3 4 5 6 7 #example1{ width:500px;height:250px;background-image:url(sheep.png),url(betweengrassandsky.png); background-position:center bottom,left top;background-repeat:no-repeat;} 它是如何工作的呢？