css3 文字阴影

none:无阴影 ①:第1个长度值用来设置对象的阴影水平偏移值。可以为负值 ②:第2个长度值用来设置对象的阴影垂直偏移值。可以为负值 ③:如果提供了第3个长度值则用来设置对象的阴影模糊值。不允许负值 :设置对象的阴影的颜色。text-shadow_CSS参考手...
css3 文字阴影
建议楼主多看看CSS手册。
语法:
text-shadow:none | <shadow> [ , <shadow> ]*
<shadow> = <length>{2,3} && <color>?
默认值:none
适用于:所有元素
继承性:有
取值:
none:无阴影
<length>①:第1个长度值用来设置对象的阴影水平偏移值。可以为负值
<length>②:第2个长度值用来设置对象的阴影垂直偏移值。可以为负值
<length>③:如果提供了第3个长度值则用来设置对象的阴影模糊值。不允许负值
<color>:设置对象的阴影的颜色。
<!DOCTYPE html><html lang="zh-cn"><head><meta charset="utf-8" /><title>text-shadow_CSS参考手册_web前端开发参考手册系列</title><style>.test li{margin-top:10px;}.test .mormal p{text-shadow:1px 1px rgba(0,0,0,.3);}.test .blur p{text-shadow:1px 1px 1px rgba(0,0,0,.3);}.test .group p{text-shadow:1px 1px 0 rgba(255,255,255,1),1px 1px 2px rgba(0,85,0,.8);}</style></head><body><ul class="test"><li class="mormal"><strong>普通文字阴影</strong><p>测试普通文字阴影效果</p></li><li class="blur"><strong>模糊文字阴影效果</strong><p>测试模糊文字阴影效果</p></li><li class="group"><strong>多重模糊文字阴影效果</strong><p>测试多重模糊文字阴影效果</p></li></ul></body></html>2014-01-29
mengvlog 阅读 11 次 更新于 2025-07-20 21:39:57 我来答关注问题0
檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部