用css做的设置文字阴影怎么就出不来效果

html-css09

用css做的设置文字阴影怎么就出不来效果,第1张

CSS一些特效代码,大多数浏览器都是不支持的,兼容性非常差,如果想要做阴影,建议用图片来现实这种效果,就是因为兼容性差所以你看现在网络上的网站基本上没有用CSS特效代码的,特别是一些大站 !

tex-shadow为CSS3属性,IE9以下的浏览器都不支持。可以用IE滤镜来实现(如:filter:glow(color=black, strength=5)),但效果没那么好看

需要准备的材料分别有:电脑、浏览器、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只有底部有圆角和阴影效果。