其实对于box-shadow，老白我也是一知半解，之前用的时候直接复制已有的，也没有仔细思考过box-shadow的数值分别对应什么，最后导致阴影的边如何自由控制，苦于懒人一个一直没有正式去学习，今天无意中看到以下这篇文章，瞬间清醒有木有，看完整片文章，对于box-shadow阴影四个边的设置完全 ...

1px: 必须，水平阴影的位置, 负值为左 2px: 必须，垂直阴影的位置, 负值为上; 5px: 可选，模糊距离; 6px: 可选，阴影尺寸; 888888: 可选，阴影颜色; inset: 可选，将外部阴影 (outset) 改为内部阴影。 ...

.boxshadowright { box-shadow: -35px 0 35px -35px red inset; //右面 } .boxshadowleft { box-shadow: 35px 0px 35px -35px red inset ...

参数可调 ...

...

实现如图文本框边上的内阴影，不需要切背景图 css如下 重点是这行代码 ...

box-shadow 属性可以设置一个或多个下拉阴影的框 可以在同一个元素上设置多个阴影效果，并用逗号将他们分隔开。该属性可设置的值包括阴影的X轴偏移量、Y轴偏移量、模糊半径、扩散半径和颜色。 语法： 参数详解 值 ...

{box-shadow: 投影方式 X轴偏移量 Y轴偏移量 阴影模糊半径 阴影扩展半径 阴影颜色}; 属 ...