css的背景颜色设置为无色步骤如下：
1、新建一个html文件，需要设置宽度250px和高度140px，以及背景色填充为红色。
2、然后在父级DIV中插入一个子DIV，定义它的宽200px,高90px，以及背景色。
3、然后添加一个无色（透明）的代码（opacity:0.6）。
4、在图层的上方，有个不透明度，设置为60%。
5、把刚才的背景色和无色代码删除，换个代码【background-color:rgba(255,255,255,0.6)】。
6、其中255,255,255就是PS中的拾色器里的数值。这样，css的背景颜色就为无色了。
用CSS设置颜色与背景 颜色设置 背景设置 圆角边框和图像边框 二、用CSS设置图像效果 1.为图片添加边框 2.图片缩放 color属性是用于控制HTML元素内文本的颜色,取值可以使用下面的任意一种方式。 颜色名:直接使用颜色的英文名称作为属性值,例如,blue表示蓝色。 #rrggbb:用一个6位的十六进制数表示颜色,例如,#0000FF表示蓝色。 #rgb:是#rrggbb的一种简写方式,例如,#0000FF可以表示为#00F<div class=‘demo’ style='width:100pxheight:50px”></div>.demo{
box-shadow: -2px 0 0 green, //左边阴影
0 -2px 0 blue, //顶部阴影
0 2px 0 red, //底部阴影
2px 0 0 yellow//右边阴影
}
具体想要哪边 自己拿主意把，。代码都在这里了。还有测试的时候 注释去掉。，CSS里面的注释不是这样的，直接复制会报错
IE8不支持CSS3
你还可以试试 楼下的那位 使用border-bottom实现；
或者 你用两个DIV做；
