[分享]css中怎么给边框添加阴影

CSS中可以使用box-shadow属性为边框添加阴影效果。

.box {
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ccc;
} 

box-shadow属性接收四个值，分别是水平偏移量、垂直偏移量、模糊半径和颜色。

• 水平偏移量（必须存在）：用于指定阴影的水平位置，正值表示向右，负值表示向左。
• 垂直偏移量（必须存在）：用于指定阴影的垂直位置，正值表示向下，负值表示向上。
• 模糊半径（可选）：用于指定阴影的模糊程度，值越大，阴影越模糊。
• 颜色（可选）：用于指定阴影的颜色。

可以同时添加多个阴影效果，多个阴影用逗号隔开。

.box {
  border: 1px solid #ccc;
  box-shadow: 
    0px 0px 5px #ccc,
    -2px -2px 5px rgba(0,0,0,0.3) inset;
} 

以上代码同时为边框添加了一个外部阴影和一个内部阴影。