div+css中怎样设置水平线的透明度

html-css020

div+css中怎样设置水平线的透明度,第1张

border-bottom:1px

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兼容的实现,最下面再来一条灰白色的线就是那种玻璃效果。