码迷,mamicode.com
首页 > Windows程序 > 详细

C#-WebForm-css box-shadow 给边框添加阴影效果

时间:2017-02-12 17:37:55      阅读:194      评论:0      收藏:0      [点我收藏+]

标签:对象   缺省   阴影   逗号   设置   class   属性   效果   pre   

box-shadow介绍

css3可以使用 box-shadow 属性轻松地为元素添加阴影效果,box-shadow可以设定多组效果,每组参数值以逗号分隔.

语法:

box-shadow:x-shadow  y-shadow  blur  spread  color  inset;

参数说明:

  • x-shadow:设置对象的阴影水平偏移值,单位可以是px、em或百分比等,允许负值。
  • y-shadow:设置对象的阴影垂直偏移值,单位可以是px、em或百分比等,允许负值。
  • blur:用于设置边框阴影半径大小。
  • spread:扩展半径,设置阴影的尺寸;这个参数可选,缺省时值为0。
  • color:设置阴影的颜色;
  • inset:这个参数默认不设置。默认情况下为外阴影,inset表示内阴影。

 

彩色阴影:

box-shadow:0px 0px 10px red,2px 2px 10px 10px yellow,4px 4px 12px 12px green;

C#-WebForm-css box-shadow 给边框添加阴影效果

标签:对象   缺省   阴影   逗号   设置   class   属性   效果   pre   

原文地址:http://www.cnblogs.com/baimangguo/p/6391272.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!