CSS样式如下 ,设置了圆角后,再设置阴影在Div层的4个角会出现黑点,怎样吧黑点去掉并保持效果,求指点

html-css08

CSS样式如下 ,设置了圆角后,再设置阴影在Div层的4个角会出现黑点,怎样吧黑点去掉并保持效果,求指点,第1张

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

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

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

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

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

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

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<style>标签中,输入css代码:

div{width: 300pxheight: 150pxborder: 3px solid blueborder-radius: 0 0 30px 30pxbox-shadow: 0 7px 7px -7px #5E5E5E}

3、浏览器运行index.html页面,此时实现了div只有底部有圆角和阴影效果。