十六进制颜色是这样规定的：#RRGGBB，其中的 RR（红色）、GG（绿色）、BB（蓝色）十六进制整数规定了颜色的成分。所有值必须介于 0 与 FF 之间。如#ffffff是白色，#000000是黑色等等
另外颜色还能用英文和RGB方法等
如color:red
color:rgb(0,0,255) 和 color:rgb(0%,0%,100%)。
透明色：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（百分百）。
重复的就没有写了body{/*body标签*/
background-color:white/*背景色white（白色，等同于 #fff）*/
font-size:12px/*字体大小*/
font-family:Arial, Helvetica, sans-serif/*字体*/
margin:0px/*外边距*/
padding:0px/*内边距*/
color:white/*标签文字色*/
}
ul,li{
margin:0px/*外边距*/
padding:0px/*内边距*/
}
li{
display:inline/*元素会被显示为内联元素，元素前后没有换行符*/
list-style:none/*列表无样式*/
list-style-position:outside
text-align:center/*内部居中处理*/
font-weight:bold/*粗体*/
float:left/*元素左浮动*/
}
a:link{/*link 链接通用*/
color:#336601/*元素颜色*/
text-decoration:none/*无下划线*/
float:left
width:100px/*宽度*/
padding:3px 5px 0px 5px/*内边距 padding:上 右 下 左，margin是一样的*/
}
a:visited{/*访问过的链接*/
color:#336601
text-decoration:none
float:left
padding:3px 5px 0px 5px
width:100px
}
a:hover{/*鼠标划过链接，类似于一个mousemove事件*/
color:white
float:left
padding:3px 3px 0px 20px
width:88px
text-decoration:none
background-color:#539D26/*背景色*/
}
a:active{/*活动中的链接 鼠标左键点击事件（左键未弹起） */
color:white
float:left
padding:3px 3px 0px 20px
width:88px
text-decoration:none
background-color:#BD06B4
}
#nav{/*标签id为nav*/
width:700px
height:30px
border-bottom:0px/*下边框*/
padding:0px 5px/*另外一种那个写法 只有两个属性值时->padding:上下 左右*/
position:absolute/*绝对位置*/
z-index:1/*z序*/
left: 198px/*左定位*/
top: 25px/*右定位*/
}
.list{/*类class=list*/
line-height:20px/*行高*/
text-align:left
padding:4px
font-weight:normal
}
.menu1{
width:120px
height:auto
margin:6px 4px 0px 0px
border:1px solid #9CDD75/*边框border:粗细 样式 颜色*/
background-color:#09C
color:#336601
padding:6px 0px 0px 0px
cursor:hand/*鼠标样式hand*/
overflow-y:hidden/*元素超过高度时hidden（隐藏）*/
/*下面2行的是滤镜 透明度*/
filter:Alpha(opacity=70)
-moz-opacity:0.7
}
.menu2{
width:120px
height:18px
margin:6px 4px 0px 0px
background-color:#F5F5F5
color:#999999
border:1px solid #EEE8DD
padding:6px 0px 0px 0px
overflow-y:hidden
cursor:hand
}
