秦皇岛网络公司-你是怎么给文字加阴影的?图片?我教你css3神属性

wangyang发表于 2014/11/18
秦皇岛网络公司-易博科技:你是怎么给文字加阴影的?图片?我教你css3神属性
text-shadow:

  此属性有4个值,前两个值分别表示水平方向位移距离和垂直方向的位移距离,第三个值表示阴影的模糊半径(包含0及以下的值均表示无模糊),最后一个则是阴影的颜色,为了更方便大家理解次属性的这四个值,W3Cfuns特意为大家做了下图,虽比较简单,但是能够很清楚的理解这四个值。


  1. <html>
  2.     <head>
  3.        <meta charset="gb2312">
  4.        <title>CSS3每日一练之阴影相关样式-添加字体阴影 | 前端开发网(W3Cfuns.com)!</title>
  5.        <style type="text/css">
  6.        *{margin:0; padding:0;}
  7.             body{font-size:14px; color:#333; font-family:"Microsoft Yahei";}
  8.             h2,p{text-shadow:-5px 5px 5px #dfdfdf;}
  9.        </style>
  10.     </head>
  11.    
  12.     <body>
  13.        <h2>前端开发网(W3Cfuns.com)!</h2>
  14.        <p>中国第一Web前端开发门户,CSS学习网为其前身,提供庞大前端免费资源,教程,培训,Web前端论坛,为企业提供前端招聘,被誉为Web前端开发工程师最贴心的家!</p>
  15.     </body>
  16. </html>

有兴趣做玩微信营销的朋友可以关注我们的微信官方网站http://www.weixin0335.com/。给您最奢华的营销享受。
©2010-2014 秦皇岛易博网络科技有限公司 我们专注于微信开发 | 网站建设 冀ICP备12004938号-3