1，颜色名,比如：color:white；
2，RGB，比如color:rgb(255,255,255)
3,16进制,比如color:#fff
除第一种表示很有限之外，后面两种可以改变不同的数值来表示不同的颜色。亲可以百度一下“颜色对照表”查看常用的颜色不同方式的表示方法。
<style type="text/css">.linear{
width:100%
height:600px
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#b8c4cb,endColorStr=red)/*IE 6 7 8*/
background: -ms-linear-gradient(top, #fff, #0000ff) /* IE 10 */
background:-moz-linear-gradient(top,#b8c4cb,#f6f6f8)/*火狐*/
background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#b8c4cb), to(#f6f6f8))/*谷歌*/
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#0000ff)) /* Safari 4-5, Chrome 1-9*/
background: -webkit-linear-gradient(top, #fff, #0000ff) /*Safari5.1 Chrome 10+*/
background: -o-linear-gradient(top, #fff, #0000ff) /*Opera 11.10+*/
}
</style>
<body>
<div class="linear"></div>
</body>
google模式下：
ie模式下：
火狐模式下：
FILTER（ie模式）；background:-moz-linear-gradient（火狐模式）；background:-webkit-gradient（谷歌模式）。
以上是为了区别不同浏览器的不同效果，我把色码区别开了。为了兼容所有浏览器的相同效果的css3渐变色，你可以把色码调试成一样。
透明色：transparent
背景色设为透明，代码如下：background-color:transparent
字体颜色设为透明，代码如下：color:transparent
扩展资料：
常用颜色代码分4种，分别如下：
1、常用颜色单词，比如green（绿色），yellow（黄色），red（红色），transparent（透明色）等；
2、以#号开头的六个字符组成的颜色代码，比如：#FF0000（红色），#000000（黑色），#F9F900（黄色）等；
3、颜色rgb值，表达方式：rgb(参数1，参数2，参数3)，三个参数分别表示r，g，b
1）R：红色值。正整数 | 百分数
2）G：绿色值。正整数 | 百分数
3）B：蓝色值。正整数 | 百分数
4、rgba(参数1，参数2，参数3，参数4)，这种方式前三个参数与上面第3点种相同，第四个参数表示透明度，数值在0-1之间。0表示透明度为0（即透明色），1表示透明度为1（百分百）。
