當我們為網站設計構圖時，背景圖片的運用可以為網站增添更多色彩和美感。然而，光靠圖片可能無法完美地呈現設計師所設想的效果。于是，我們需要借助CSS框架技巧來控制圖片的大小和位置，以達到理想的設計效果。

以下是一些常用的CSS框架技巧：

//將圖片自適應屏幕大小
img {
max-width: 100%;
height: auto;
}
//設置圖片的位置
.background {
background-image: url('圖片鏈接');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
//控制圖片的大小
.hero-image {
width: 100%;
height: 500px;
background-image: url('圖片鏈接');
background-size: cover;
background-position: center;
}

這些技巧能夠幫助我們輕松地控制網頁上的背景圖片，同時使得網頁更美觀。在應用這些技巧時，也要注意圖片對于網站性能的影響，盡量選擇合適的圖片格式和大小。