博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
css3文本阴影
阅读量:5961 次
发布时间:2019-06-19

本文共 493 字,大约阅读时间需要 1 分钟。

text-shadow

text-shadow可以用来设置文本的阴影效果。

语法:

1 text-shadow: X-Offset Y-Offset blur color;

X-Offset:表示阴影的水平偏移距离,其值为正值时阴影向右偏移,反之向左偏移;

Y-Offset:是指阴影的垂直偏移距离,如果其值是正值时,阴影向下偏移,反之向上偏移;

Blur:是指阴影的模糊程度,其值不能是负值,如果值越大,阴影越模糊,反之阴影越清晰,如果不需要阴影模糊可以将Blur值设置为0;

Color:是指阴影的颜色,可以使用rgba色。

html代码:

1 

这是一段文字

css代码:

1 p{2     width:150px;3     height:50px;4     line-height:50px;5     text-align:center;6     background:skyblue;7     text-shadow:3px 2px 1px green;8 }

效果:

 

转载于:https://www.cnblogs.com/imguo/p/5771161.html

你可能感兴趣的文章
我的友情链接
查看>>
rhel5下ORACLE 10g之ASM创建
查看>>
Java基础学习总结(19)——Java环境变量配置
查看>>
关于Notice: Undefined index:问题解决方法
查看>>
MyBatis学习总结(9)——使用MyBatis Generator自动创建代码
查看>>
MyBatis学习总结(六)——调用存储过程
查看>>
利用rrdcached优化ganglia IO
查看>>
开源史上最成功的8个开源产品
查看>>
JNDI学习总结(1)——JNDI入门
查看>>
2015年终总结
查看>>
使用Emacs阅读邮件和新闻组:Gnus 中文FAQ
查看>>
支付宝 iOS SDK 的简单使用
查看>>
锐捷RG-12010交换机VSU虚拟化配置
查看>>
在JSP页面中调用另一个JSP页面中的变量
查看>>
CISCO路由与交换笔记
查看>>
构建基于postfix+dovecot+squirrelmail的邮件服务器
查看>>
CDN+DNS主从/视图+squid反向代理+nginx负载均衡+httpd/nginx/tomcat网站搭建+iscsi后端存储...
查看>>
CentOS (RedHat) 6.4 使用 OpenLDAP
查看>>
linux snmpd.conf
查看>>
Mac高效率开发工具
查看>>