CSS發光按鈕是一種使用CSS樣式創建的按鈕,可以在其周圍添加柔和的白色發光效果。以下是一個簡單的CSS發光按鈕源代碼示例:
```html
<button class="btn btn-primary btn-block">點擊我</button>
```css
.btn {
background-color: #4CAF50;
color: white;
border: none;
padding: 10px 20px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
cursor: pointer;
border-radius: 5px;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
.btn:hover {
background-color: #3e8e41;
color: white;
border-radius: 5px;
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
.btn:active, .btn:focus {
background-color: #3e8e41;
color: white;
border-radius: 5px;
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
.btn-block {
display: block;
width: 100%;
height: 100%;
background-color: #fff;
padding: 12px 20px;
border-radius: 5px;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
.btn-block:hover {
background-color: #4CAF50;
color: white;
border-radius: 5px;
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
.btn-block:active, .btn-block:focus {
background-color: #4CAF50;
color: white;
border-radius: 5px;
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
這段代碼創建了一個紅色的“點擊我”按鈕,并在其周圍添加了柔和的白色發光效果。當用戶鼠標懸停在按鈕上時,按鈕的顏色會變成白色,并在周圍添加柔和的發光效果。當用戶點擊按鈕時,按鈕的顏色和發光效果會根據鼠標的移動情況而變化。