如何使用纯CSS使空的div或容器发光？

要使用纯CSS使空的div或容器发光，可以通过box-shadow属性来实现。box-shadow属性可以为元素添加一个或多个阴影效果，从而实现发光的效果。

下面是一个示例代码：

<!DOCTYPE html>
<html>
<head>
<style>
.container {
  width: 200px;
  height: 200px;
  background-color: #fff;
  box-shadow: 0 0 10px 5px rgba(255, 255, 0, 0.5);
}
</style>
</head>
<body>

<div class="container"></div>

</body>
</html>

在上面的示例中，我们创建了一个宽高为200px的容器，并设置了背景颜色为白色。通过box-shadow属性，我们添加了一个黄色的发光效果。box-shadow属性的值由四个参数组成，分别是水平偏移量、垂直偏移量、模糊半径和阴影尺寸。

水平偏移量：表示阴影相对于元素的水平位置，可以为正值（向右偏移）或负值（向左偏移）。
垂直偏移量：表示阴影相对于元素的垂直位置，可以为正值（向下偏移）或负值（向上偏移）。
模糊半径：表示阴影的模糊程度，值越大越模糊。
阴影尺寸：可选参数，表示阴影的尺寸大小。

在示例中，我们设置了水平偏移量和垂直偏移量都为0，即阴影位于元素正中间。模糊半径为10px，表示阴影的模糊程度为10px。最后一个参数是rgba(255, 255, 0, 0.5)，表示阴影的颜色为黄色，透明度为0.5。

这样，我们就通过纯CSS实现了一个发光的效果。

推荐的腾讯云相关产品：腾讯云云服务器（CVM），产品介绍链接地址：https://cloud.tencent.com/product/cvm

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

如何使用纯CSS使空的div或容器发光？

相关·内容

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐