solid
#ccc/*设置一条1像素的浅灰色的实线*/
margin:20px
10px/*设置上下外边距是10
左右是20像素*/
filter:alpha(opacity=50)
/*IE滤镜,透明度50%*/
-moz-opacity:0.5
/*Firefox私有,透明度50%*/
opacity:0.5/*其他,透明度50%*/
0.5就是同名度是50%,如果弄成0.1,就是10%。这个您自己设置。
#line{
border-bottom:1px
solid
#ccc
margin:20px
10px
filter:alpha(opacity=50)
-moz-opacity:0.5
-khtml-opacity:
0.5
opacity:
0.5
}
其实他这个是美工做好的两张图片,上面白色半透明样式的一张,下面一块大的一张。如果需要他这种效果,一模一样的话,你可以把他的图片下载下来你用。而那种格子阴影效果是可以用css3实现,但是太麻烦,对于做项目而言,得不偿失。对于学习而言,你可以试着做出来,用css3的transform:rotate(90deg),和内外阴影试试。上面半透明,可以用rgba的颜色模式,和ie兼容的实现,最下面再来一条灰白色的线就是那种玻璃效果。