發光按鈕是一種常用的CSS效果，它能夠吸引用戶的注意力，給網站增加互動性和視覺效果。

實現這種效果有很多種方法，在這里我們推薦兩種：

1.使用box-shadow屬性

button {
box-shadow: 0 0 15px 5px #fff;
}

該效果利用了box-shadow屬性，分別設置了水平位移、垂直位移、模糊半徑和外邊框大小四個參數。我們可以根據需求調整這些參數，達到不同的效果。

2.使用偽元素

button {
position: relative;
overflow: hidden;
background-color: #fff;
border: 1px solid #ccc;
}
button:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
transform: translate(-50%, -50%);
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.7);
opacity: 0;
}
button:hover:after {
opacity: 1;
animation: pulse 1s ease-out infinite;
}
@keyframes pulse {
0% {
transform: scale(0.8);
}
50% {
transform: scale(1);
}
100% {
transform: scale(0.8);
}
}

這種效果利用了偽元素和動畫效果，通過在按鈕上添加一個不透明度為0的偽元素，并設置圓角、背景顏色等屬性，使鼠標移入時顯示出來。同時，利用動畫讓其在圓形區域內不斷變大和變小，形成發光閃爍的效果。

以上兩種方式都可以實現發光按鈕的效果，根據自己的需求選擇即可。