css3加入文字阴影源码
导读:CSS3给我们带来了很多新的样式效果,其中文字阴影也是其中的一种。要给文字添加阴影,可以使用text-shadow属性,该属性接受四个参数,分别是水平偏移、垂直偏移、模糊度和颜色。下面是一个例子:p {text-shadow: 2px 2p...
CSS3给我们带来了很多新的样式效果,其中文字阴影也是其中的一种。
要给文字添加阴影,可以使用text-shadow属性,该属性接受四个参数,分别是水平偏移、垂直偏移、模糊度和颜色。下面是一个例子:
p {
text-shadow: 2px 2px 2px #999;
}
这表示给p元素中的文字添加了一个水平偏移和垂直偏移都为2px的阴影,模糊度为2px,颜色为#999。可以根据实际需求变更这些参数。
text-shadow还可以通过逗号分隔来添加多个阴影效果,如:
p {
text-shadow: 2px 2px 2px #999, -2px -2px 2px #333;
}
这个例子表示给p元素中的文字添加了两个阴影效果,一个是水平和垂直都偏移2px的浅灰色阴影,一个是水平和垂直都偏移-2px的深灰色阴影。
总之,text-shadow属性可以为文字添加出色的阴影效果,让页面看起来更加华丽。
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: css3加入文字阴影源码
本文地址: https://pptw.com/jishu/451452.html
