CSS是網頁設計中不可或缺的一部分，可以通過它來設置網頁的樣式，包括圖片。當我們在網頁中插入圖片時，有時候會發現圖片不夠清晰，這時候我們可以通過CSS來解決這個問題。

img {
image-rendering: optimizeQuality;
-webkit-interpolation-mode: nearest-neighbor;
}

如上代碼，我們可以使用選擇器來指定圖片，然后使用兩個CSS屬性來設置圖片顯示的清晰度：

• image-rendering: optimizeQuality;
• -webkit-interpolation-mode: nearest-neighbor;

第一個屬性“image-rendering”是用來指定圖片的渲染質量的，常用屬性值有optimizeQuality（最高質量）、optimizeSpeed（最快速度）等，默認值為auto。而第二個屬性“-webkit-interpolation-mode”則是指定在縮放圖像時所要使用的插值模式，常用值有nearest-neighbor（最近鄰插值）和linear（雙線性插值）等，默認值為auto。

通過以上設置，我們就可以達到提高網頁圖片清晰度的效果了。需要注意的是，如果圖片本身就不夠清晰，那么通過這種方式設置也只能起到一定的作用。