[分享]css3怎么边框内阴影

在CSS3中，可以通过boxshadow属性来实现边框内阴影的效果。该属性可以在元素的四个边上添加阴影，同时还可以指定阴影的颜色、大小、模糊度和偏移量。/ 添加边框内阴影 / boxshadow: i...

在CSS3中，可以通过box-shadow属性来实现边框内阴影的效果。该属性可以在元素的四个边上添加阴影，同时还可以指定阴影的颜色、大小、模糊度和偏移量。

/* 添加边框内阴影 */
box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5); 

上面的代码中，inset关键字表示添加的是内阴影，如果不添加该关键字，则表示添加的是外阴影。0 0 10px分别表示阴影的偏移量、模糊半径和大小。最后一个参数rgba(0, 0, 0, 0.5)表示阴影的颜色和透明度。

如果需要在元素的某一条边上添加阴影，可以使用类似下面的代码：

/* 在右边添加边框内阴影 */
box-shadow: inset -10px 0 10px rgba(0, 0, 0, 0.5); 

上面的代码中，只是将原来的偏移量改为了负数。