最新消息:最新信息可以到系统基本设置里填写,如果不想要这一栏可以修改head.htm,将第53行到55行删除即可

CSS3详解:text-shadow

HTML/CSS dedesos.com 浏览 评论

在CSS3详解的上一篇中我们讲到了transform的具体属性和用法,今天我们看一个相对简单的text-shadow

CSS3 text-shadow是什么?

text-shadow的含义是:文本的阴影,给文本添加阴影效果

CSS3 text-shadow书写格式:

text-shadow:apx bpx cpx #color

其中a指X轴上的位移,b指Y轴上的位移,c指阴影的宽度,color指阴影的颜色值;ab可为负,c不能为负。

下面我们来简单的演示两个实例说明text-shadow的用法:

实例一:

.demo01{text-shadow:2px 2px 5px #305999}

实例二:

.demo02{background:#305999;text-shadow:1px 1px 1px #fff,-1px -1px 1px #fff}

ok,通过实例二我们可以很简单的给文字添加边框,这只是?text-shadow的一个小技巧罢了,也许你可以创建更好的效果,这里就不一一列举了!

转载请注明:大前端 » CSS3详解:text-shadow

    发表我的评论
    取消评论

    表情

    您的回复是我们的动力!

    • 昵称 (必填)
    • 验证码 点击我更换图片

    网友最新评论