在網(wǎng)頁(yè)設(shè)計(jì)中，底部外發(fā)光是一種常見(jiàn)的效果，可以讓底部元素在背景中呈現(xiàn)出獨(dú)特的發(fā)光效果，提高頁(yè)面的美觀度和可讀性。下面將介紹一種實(shí)現(xiàn)底部外發(fā)光效果的 CSS 樣式。

1. 設(shè)置底部元素的背景顏色為白色，并添加一個(gè)發(fā)光效果。

```css

body {

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

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

.bottom-light {

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

color: #4CAF50; /* 白色發(fā)光體顏色 */

display: flex; /* 將元素轉(zhuǎn)換為塊級(jí)元素 */

justify-content: center; /* 居中對(duì)齊 */

align-items: center; /* 水平居中對(duì)齊 */

height: 100vh; /* 設(shè)置底部元素高度為頁(yè)面高度 */

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

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

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

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

- `color`: 白色發(fā)光體顏色；

- `display`: flex;: