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;
}
/* 上述代码会将图案沿着垂直方向重复出现 */