在網頁設計中，底部外發光是一種常見的效果，可以讓底部元素在背景中呈現出獨特的發光效果，提高頁面的美觀度和可讀性。下面將介紹一種實現底部外發光效果的 CSS 樣式。

1. 設置底部元素的背景顏色為白色，并添加一個發光效果。

```css

body {

background-color: #4CAF50; /* 白色背景 */

color: #fff; /* 灰度背景 */

.bottom-light {

background-color: #fff; /* 白色背景 */

color: #4CAF50; /* 白色發光體顏色 */

display: flex; /* 將元素轉換為塊級元素 */

justify-content: center; /* 居中對齊 */

align-items: center; /* 水平居中對齊 */

height: 100vh; /* 設置底部元素高度為頁面高度 */

padding: 20px; /* 設置底部元素間距為 20 像素 */

box-shadow: 0px 0px 5px #ff6666; /* 設置底部元素陰影效果 */

上述代碼中，`.bottom-light` 元素是底部元素，其背景顏色為白色，并添加了一個發光效果。`.bottom-light` 元素的樣式包括：

- `background-color`: 白色背景；

- `color`: 白色發光體顏色；

- `display`: flex;: