Links

1. box-shadow 阴影

box-shadow 属性把一个或多个下拉阴影添加到框上

格式

box-shadow: h-shadow v-shadow blur spread color inset;
  • h-shadow(必):水平阴影位置
  • v-shadow(必):垂直阴影位置
  • blur(选):模糊距离
  • spread(选):阴影大小
  • color(选):阴影颜色
  • inset(选):内侧的阴影

例子

/* 外阴影 */
.test1{
box-shadow :-5px 0 0 0 deeppink;
}
/* 内阴影 */
.test2{
box-shadow:inset 5px 0 0 0 deeppink
}