霓虹效果是一種常見的CSS樣式，可以為網站添加一些生動的亮點。下面介紹如何創建一個簡單的CSS霓虹效果。

.neon {
font-size: 50px;
font-family: 'Arial', sans-serif;
color: #fff;
text-shadow: 0 0 10px #fff,
0 0 20px #fff, 
0 0 30px #fff, 
0 0 40px #0ff, 
0 0 70px #0ff, 
0 0 80px #0ff, 
0 0 100px #0ff, 
0 0 150px #0ff;
}

首先，我們需要創建一個類名為“neon”的CSS樣式，并設計一些屬性。在這里，我們設置字體的大小和類型，并將文字顏色設置為白色。接下來，我們使用text-shadow屬性來創建霓虹效果。

text-shadow: 0 0 10px #fff,
0 0 20px #fff, 
0 0 30px #fff, 
0 0 40px #0ff, 
0 0 70px #0ff, 
0 0 80px #0ff, 
0 0 100px #0ff, 
0 0 150px #0ff;

這里使用了多重文本陰影，需要注意每組文本陰影的參數配置。每組文本陰影由三個參數組成，第一個是水平偏移量，第二個是垂直偏移量，第三個是陰影半徑。我們使用不同的參數值為文本添加多個陰影，從而實現霓虹效果。

將以上CSS代碼應用到需要添加霓虹效果的標簽上，就可以為網站添加簡單的CSS霓虹效果。