如何使用纯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元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
