HTML5实践 -

下一站永远

<div id="cnblogs_post_body">　　转载请注明原创地址：http://www.cnblogs.com/softlover/archive/2012/11/21/2779873.html

　　今天我们的内容是css3的text-shadow、box-shadow 和 border-radius几个属性的介绍，他能增强页面布局，值得学习。
　　RGBA

　　前三个值分别代码RBG的值，最后一个值代表透明度（0表示透明，1表示不透明）。

　　RGBA可以用于任何和color有关的属性，例如字体颜色、边框颜色、背景颜色和阴影颜色等。


　　文字阴影

　　文字阴影的结构按照这样的顺序：x-offset, y-offset, blur, 和 color。

　　为x-offset设置负值会将阴影位置改变到左边，为y-offset设置负值会将阴影位置改变到头部。我们也可以使用RBGA设置阴影的颜色。

　　你可以设置一组text-shadow，中间以逗号相隔。下面的例子使用两个text-shadow（顶部1px 和 底部1px），为名字设置了新闻文字效果。
<div class="cnblogs_code">text-shadow: 0 1px 0 #fff, 0 -1px 0 #000;