在網站設計中，經常需要設置鼠標選中字體時變色的效果，這個效果能夠提高用戶體驗和網站視覺效果。下面我們來介紹如何使用CSS實現這個效果。

/*選中字體后變色*/
p::selection{
color: #fff;
background-color: #000;
}

在CSS中，通過偽類選擇器::selection來實現選擇文本時所需的樣式，后面的代碼就是選中后的顏色設置。通過修改color和background-color屬性，可以實現任意色彩的設置。

需要注意的是，這個效果在低版本IE瀏覽器是無法實現的，因此需要考慮針對不同瀏覽器使用不同的樣式設置。同時，如果需要設置選中非文字部分，還需要使用其他選擇器。

在使用這個效果時，需要注意不要過度使用，不要讓文本變得難以閱讀。正確使用可以提高網站的視覺效果和用戶體驗。