当前位置: 网站建设 > 网页设计 > 建站经验 >

详解CSS3 text-shadow

时间:2013-03-02 04:15来源:未知 作者:admin 点击:

标签:详解CSS3 text-shadow 实例(55)详解(47)text-shadow(3)CSS3(105)网站建设(1202)
实例一: --> [网站建设之]详解CSS3:text-shadow CSS3 text-shadow书写格局: 通过实例二咱们可以很简略的给文字增加边框,这只是text-shadow的一个小技能罢了,兴许你能够创立更好的后果,这里就不逐一列举了, 详解CSS3 border-radius ! .demo02{background:#305999;text-shadow:1px 1px 1px #fff, 详细讲解CSS Overflow属性 ,-1px -1px 1px #fff} 其中a指X轴上的位移
详解CSS3 text-shadow》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/030234X42013.htm
实例一: --> [网站建设之]详解CSS3:text-shadow

CSS3 text-shadow书写格局:

通过实例二咱们可以很简略的给文字增加边框,这只是 ,详解CSS3 box-shadow;text-shadow的一个小技能罢了,兴许你能够创立更好的后果,这里就不逐一列举了,详解CSS3 border-radius

.demo02{background:#305999;text-shadow:1px 1px 1px #fff,详细讲解CSS Overflow属性,-1px -1px 1px #fff}

其中a指X轴上的位移,b指Y轴上的位移,详细分析讲解关于CSS的换行,c指阴影的宽度,color指暗影的色彩值;a、b可为负,c不能为负。

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

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

Tag:CSS3   text-shadow  ,详细分析电商网站B2C的常见功能购物车设计思路; CSS3   text-shadow  

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

text-shadow:apx bpx cpx #color;

详解CSS3的上一篇中我们讲到了border-radius详细属性跟用法,今天我们看一个绝对简单的text-shadow。

阐明:本文所先容css3效果不同浏览器可能显示成果不一样Firefox阅读器测试畸形。


实例二: CSS3 text-shadow是什么?
(责任编辑:网站建设)
详解CSS3 text-shadow相关文章
上一篇:详解CSS3 box-shadow 下一篇:详解CSS3 transform
回到顶部