css怎么加阴影跟圆角

html-css021

css怎么加阴影跟圆角,第1张

border-radius: 50%

-moz-border-radius: 50%

-webkit-border-radius: 50%

-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25)

-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25)

text-shadow: 0 -1px 1px rgba(0,0,0,0.25)

border-bottom: 1px solid rgba(0,0,0,0.25)

border-radius 圆角

圆角和阴影本身就是CSS3的属性 如果你在支持CSS3的浏览器上直接用圆角属性就可以了 然后在加阴影就不会出现这样的问题

而不支持CSS3属性的浏览器你圆角是用图片模拟出来的 那么他也没有阴影的属性 所以也不会出现这样问题

所以你的问题就是给弄混了

在支持CSS3的浏览器上用自身的属性

在不支持CSS3的浏览器上用模拟的方法

还有在IE系列下你可以下一个CSS3的.HTC文件 他用微软自带的VML语法模拟出CSS3效果 具体的你可以百度