今天我们的内容是css3的text-shadow、box-shadow 和 border-radius几个属性的介绍，他能增强页面布局，值得学习。 RGBA 前三个值分别代码RBG的值，最后一个值代表透明度（0表示透明，1表示不透明）。 RGBA可以用于任何和color有关的属性，例如字体颜色、边框颜色、背景颜色和阴影颜色等。 文字阴影 文字阴影的结构按照这样的顺序：x-offset, y-offset, blur, 和 color。 为x-offset设置负值会将阴影位置改变到左...
代码如下: "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> /*#text { text-shadow:2px 2px 0px orange; } #text1 { text-shadow:2px 2px 5px orange; } #text2 { text-shadow:2px 2px 5px orange,-2px 2px 5px green; } /*]]>*/ 没有模糊效果 有模糊效果 阴影叠加
在以前，阴影效果一般都是做成图片，现在有了CSS3 可以直接使用text-shadow 属性来实现阴影。这个属性可以有两个作用，产生阴影和模糊主体。这样在不需要图片的情况下就能给文字增加质感。 基本语法： text-shadow ： none | none | [, ] * 或none | [, ]*也就是：text-shadow:[颜色(Color) x轴(X Offset) y轴(Y Offset) 模糊半径(Blur)],[颜色(color) x轴(X Offset) y轴(Y Offset) 模糊半径(Blur)]...或者text-shadow:[x轴...