CSS是網頁設計中不可或缺的一部分，可以通過它來實現各種效果，其中包括圖片中圖案的定位，下面是詳細的使用方法。

/* 在CSS中為圖片添加背景 */
img {
background-image: url(pattern.png);
}
/* 對于單個圖片來說，背景可以直接在img元素中添加，效果如下： */
/* 使用background-position來定位圖案 */
img {
background-image: url(pattern.png);
background-position: right top;
}
/* 如果要在多個元素中使用同一個圖案，建議將樣式分離出來，并使用class來添加圖案效果 */
.pattern {
background-image: url(pattern.png);
background-position: right top;
}
/* 除了使用background-position來定位圖案以外，還可以使用background-repeat來控制重復次數 */
img {
background-image: url(pattern.png);
background-repeat: repeat-y;
}
/* 上述代碼會將圖案沿著垂直方向重復出現 */