CSS中的1px圖片是指寬高都只有1像素的圖片，通常用于實現一些細微的邊框效果或者漸變效果。這種圖片并不會占用過多的服務器和客戶端資源，因此被廣泛應用于前端開發中。

為了實現1px圖片的效果，我們通常會使用CSS的background-image屬性，并將其設置為1px的圖片鏈接。比如：

.example {
background-image: url('1px.png');
}

其中，1px.png是一張寬高均為1像素的小圖片，可以是png、gif或者jpg格式的圖片。

如果要實現多種顏色的1px圖片效果，可以使用漸變背景圖片的方式。比如：

.example {
background-image: linear-gradient(to bottom, #ff0000 0%, #00ff00 50%, #0000ff 100%);
}

這種方式能夠實現在同一個元素中使用多種顏色漸變的效果，具有非常強的靈活性。

總的來說，1px圖片是一種非常常用的CSS技巧，廣泛應用于各種網頁的設計中。它的優勢在于不會占用過多的系統資源，并且能夠實現非常精細的效果。