在前端開發中，我們常常會對圖片進行水平或垂直平鋪的操作，這些操作可以通過CSS來實現，省去了使用圖片剪裁工具的麻煩。下面我們來看一下如何進行圖片的水平或垂直平鋪。

/* 水平平鋪 */
background-repeat: repeat-x;
/* 垂直平鋪 */
background-repeat: repeat-y;
/* 水平垂直平鋪 */
background-repeat: repeat;

上述代碼中，background-repeat屬性用于指定背景圖片的平鋪方式。當設置為repeat-x時，背景圖片將在水平方向上平鋪；設置為repeat-y時，背景圖片將在垂直方向上平鋪；設置為repeat時，背景圖片將在水平和垂直方向上同時平鋪。

除了平鋪方式，我們還可以通過background-position屬性來指定背景圖片在元素中的位置，從而達到更靈活的效果。

/* 背景圖片在元素左上角 */
background-position: left top;
/* 背景圖片在元素右下角 */
background-position: right bottom;
/* 背景圖片在元素中心 */
background-position: center;

上述代碼中，background-position屬性用于指定背景圖片在元素中的位置。通過設置不同的值，可以讓背景圖片出現在不同的位置。

總之，在進行圖片平鋪時，我們可以根據需求使用background-repeat和background-position屬性，來實現各種不同的效果。