自定义美化UL OL发光列表

要实现自定义美化UL OL发光列表，可以使用CSS的伪元素和box-shadow属性来实现，具体步骤如下：

1. 首先，给UL OL列表添加一个class，如：glow-list。

2. 在CSS中，使用伪元素 ::before 和 ::after 来分别为每个列表项添加发光效果。

3. 使用box-shadow属性来设置发光的颜色和大小，同时使用transition属性来设置过渡效果。

示例代码如下：

.glow-list li::before, .glow-list li::after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    z-index: -1;
    background: #fff;
    box-shadow: 0 0 15px #00c6ff;
    border-radius: 10px;
    transition: all 0.3s ease-in-out;
}

.glow-list li:hover::before, .glow-list li:hover::after {
    box-shadow: 0 0 30px #00c6ff;
}

在以上代码中，我们使用了 ::before 和 ::after 伪元素分别为每个列表项添加了发光效果，并使用了box-shadow属性来设置发光的颜色和大小。同时，我们使用了transition属性来设置过渡效果，使得发光效果更加平滑。当鼠标悬停在列表项上时，使用:hover伪类来控制发光效果的大小变化。

最后，将UL OL列表的class设置为glow-list即可。