下一站永远 发表于 2013-1-4 03:08:17

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表示不透明)。
http://pic002.cnblogs.com/images/2012/303151/2012112109151232.gif
  RGBA可以用于任何和color有关的属性,例如字体颜色、边框颜色、背景颜色和阴影颜色等。
http://pic002.cnblogs.com/images/2012/303151/2012112022284672.gif

  文字阴影

  文字阴影的结构按照这样的顺序:x-offset, y-offset, blur, 和 color。
http://pic002.cnblogs.com/images/2012/303151/2012112022293123.gif
  为x-offset设置负值会将阴影位置改变到左边,为y-offset设置负值会将阴影位置改变到头部。我们也可以使用RBGA设置阴影的颜色。
http://pic002.cnblogs.com/images/2012/303151/2012112022300326.gif
  你可以设置一组text-shadow,中间以逗号相隔。下面的例子使用两个text-shadow(顶部1px 和 底部1px),为名字设置了新闻文字效果。
<div class="cnblogs_code">text-shadow: 0 1px 0 #fff, 0 -1px 0 #000;
页: [1]
查看完整版本: HTML5实践 -