css悬浮边框加粗 box-shadow

可以使用CSS中的:hover伪类和box-shadow属性来实现悬浮边框加粗效果。具体示例如下：

.box {
  border: 1px solid #ccc;
  box-shadow: 0 0 0 2px #ccc; /*设置默认边框和阴影*/
  transition: box-shadow 0.3s ease-in-out; /*添加过渡效果*/
}

.box:hover {
  box-shadow: 0 0 0 4px #333; /*设置悬浮时的边框和阴影*/
}

其中，box-shadow属性的前两个值分别表示水平和垂直偏移量，第三个值表示模糊半径，第四个值表示扩展半径，后面跟着的是颜色值。在这里，我们将默认的边框和阴影半径都设置为0，然后在:hover状态下将阴影半径扩展至4px，达到了悬浮边框加粗的效果。