首先，簡單點的例子，網站制作可以設置整個頁面文本選中的基本樣式，如下：

　　::selection {

　　background:#d3d3d3;

　　color:#555;

　　}

　　::-moz-selection {

　　background:#d3d3d3;

　　color:#555;

　　}

　　::-webkit-selection {

　　background:#d3d3d3;

　　color:#555;

　　}

　　于是，文本選中的默認藍色背景就此變成了淡灰色，當然，我們可以使用CSS選擇器指定特定標簽內容文字選中后的樣式狀態，例如下面所展示的栗色選中狀態：

　　.maroon::selection {

　　background:maroon;

　　color:#fff;

　　}

　　.maroon::-moz-selection {

　　background:maroon;

　　color:#fff;

　　}

　　.maroon::-webkit-selection {

　　background:maroon;

　　color:#fff;

　　}

　　<p class="maroon">...文字內容。</p>

　　會得到類似下圖的效果：

　　同樣的，你可以根據自己的需要，在網站制作中指定CSS選擇器以及對應內容文字/圖片等的選中樣式。