CSS中有一種很有用的屬性叫做image-render。它是用來控制圖像的渲染方式的。

p {
image-render: -webkit-optimize-contrast;
image-render: optimizeQuality;
}

這樣的代碼可以是圖像更清晰，用起來也很簡單。你只需要在樣式表中設置image-render屬性，然后選擇對應的值即可。

具體來說，image-render有以下幾個值：

• auto：使用默認的圖像渲染方式；
• optimizeSpeed：優化渲染速度，圖像的質量會降低；
• optimizeQuality：優化渲染質量，圖像會更清晰；
• inherit：繼承父元素的渲染方式。

除此之外，image-render還有廠商前綴：

• -moz-crisp-edges：在Firefox瀏覽器中產生像素級別的銳邊；
• -webkit-optimize-contrast：在從Webkit派生出來的瀏覽器（如Chrome和Edge）中可以增加對比度。

總之，使用image-render屬性可以讓我們更好地控制圖片的渲染方式，化簡頁面代碼，又能提高用戶體驗。