vue中div的box-shadow

在Vue中，可以使用CSS样式属性来为div元素添加box-shadow效果。box-shadow属性用于在元素周围创建一个阴影效果。以下是一个示例代码：

<template>
  <div class="box"></div>
</template>

<style>
.box {
  width: 200px;
  height: 200px;
  background-color: #fff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
</style>

在上面的代码中，我们创建了一个名为"box"的div元素，并为其设置了宽度、高度和背景颜色。通过box-shadow属性，我们为该div元素添加了一个阴影效果。box-shadow属性的值由四个参数组成，分别是水平偏移量、垂直偏移量、模糊半径和阴影颜色。在示例中，我们设置了水平和垂直偏移量为0px，模糊半径为10px，阴影颜色为rgba(0, 0, 0, 0.5)。