在網(wǎng)頁(yè)制作中，CSS是不可或缺的一個(gè)部分。在CSS中，常常使用高光效果來(lái)提高頁(yè)面的視覺(jué)效果，讓網(wǎng)頁(yè)更加的美觀。下面是一些常見(jiàn)的CSS高光代碼。

/* 1. 邊框高光效果 */
.box {
border: 2px solid #fff;
box-shadow: 0 0 5px #fff;
}
/* 2. 文字高光效果 */
.text {
text-shadow: 1px 1px 1px #fff;
}
/* 3. 圖片高光效果 */
.img {
box-shadow: 2px 2px 5px #888888;
}
/* 4. 列表高光效果 */
.list li:hover {
background-color: #f5f5f5;
box-shadow: inset 1px 1px 2px #e8e8e8, inset -1px -1px 2px #e8e8e8;
}

使用CSS高光效果可以讓網(wǎng)頁(yè)看起來(lái)更加的精美，但要注意不要過(guò)度使用，以免給人造成視覺(jué)疲勞。在使用過(guò)程中注意代碼的可讀性，可維護(hù)性，讓網(wǎng)頁(yè)的代碼更加的規(guī)范。