CSS棉布背景是一種常見的網頁背景效果，它模擬了棉布的肌理與質感。它能夠讓網頁看起來更加自然、溫暖。有很多方法可以實現棉布背景，如下代碼：

body {
background-image: linear-gradient(135deg, #ffffff 25%, #f8f8f8 25%, #f8f8f8 50%, #ffffff 50%, #ffffff 75%, #f8f8f8 75%);
background-size: 40px 40px;
background-position: 0 0, 20px 20px;
}
/* 這是基于背景漸變的實現方法 */
div {
background-color: #f7e1d7;
background-image: linear-gradient(#d9c9b9 1px, transparent 1px), linear-gradient(90deg, #d9c9b9 1px, transparent 1px);
background-size: 20px 20px;
background-position: -10px -10px;
}
/* 這是基于背景圖案的實現方法 */

以上兩種方法都能夠實現棉布背景效果。其中，使用背景漸變實現棉布背景比使用背景圖案更簡單，同時也具有更好的自適應性，而使用背景圖案能夠更好地實現棉布的肌理效果。

除了以上兩種方法，還有一些其他的實現方式，如使用圖片或者SVG實現。無論使用哪種方法，都應當考慮到網頁的性能與用戶體驗，保證背景效果的同時不影響網頁的速度與流暢度。