CSS二倍圖設置是一種優化網頁顯示效果的方法，特別是適用于高清屏幕。

在高清屏幕上，由于屏幕分辨率的提高，圖片顯示效果普遍變得較為模糊。為了解決這個問題，常常采用二倍圖的方式來增加圖片的清晰度。

CSS二倍圖的設置主要是通過background-image來實現。首先要準備好兩張分辨率相同但大小不同的圖片，一張是正常分辨率（一倍圖），一張是高清分辨率（二倍圖）。然后將二倍圖按比例縮小到一倍圖的尺寸，然后在CSS中使用background-image將其設置為背景圖片。具體代碼如下：

// HTML代碼
<div class="main"></div>
// CSS代碼
.main {
background: url("1x.png") no-repeat center center;
background-size: cover;
background-image: url("2x.png");
}

在上面的代碼中，1x.png是一倍圖的圖片，2x.png是二倍圖的圖片。background-size: cover;可以讓背景圖片填充整個容器。background-image: url("2x.png");在高清屏幕下會顯示2x.png圖片，而在低分辨率屏幕下會顯示1x.png圖片，從而達到優化顯示效果的目的。

需要注意的是，由于使用了兩張圖片，可能會增加網頁的加載時間。因此，如果圖片較大的話，可以考慮使用圖片壓縮技術以減少圖片大小。另外，不同瀏覽器對于background-size的支持情況也不同，需要做好兼容性處理。