站内搜索:
首页 >> 前端 >> 内容
边框阴影box-shadow

时间:2016/12/15 9:22:00

box-shadow:向方框添加阴影

box-shadow:h-shadow v-shadow blur spread color inset(顺序不可变)

h-shadow:必须,水平阴影位置

v-shadow:必须,垂直阴影位置

blur:模糊距离

spread:阴影的尺寸

inset:将外部阴影改为内部阴影,外部阴影:outset,默认为outset.

#d1{
   box-shadow:5px 5px 5px #ccc;
}/* 水平阴影位置,垂直阴影位置,模糊距离,颜色*/
#d2{
   box-shadow:0px 0px 5px red;
}/*h-shadow v-shadow blur color*/
#d3{
   box-shadow:5px 5px 5px #000 inset;
}/*h-shadow v-shadow blur color inset*/

  • 上一篇:银行营业网点管理系统——Servlet包(updateServlet)
  • 下一篇:一个好例子:DIV+CSS布局-固定页面开度布局
  • 返回顶部