CSS3中提供了多種方法來定位圖像，以下是一些實用的技巧：

/* 使用background-position屬性定位背景圖像 */
.logo {
background-image: url('logo.png');
background-repeat: no-repeat;
background-position: center;
}
/* 使用position和top、left屬性定位圖片 */
.img-container {
position: relative;
width: 500px;
height: 300px;
}
.image {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/* 使用flexbox布局定位圖片 */
.container {
display: flex;
justify-content: center;
align-items: center;
}
.image {
width: 200px;
height: 200px;
}
/* 使用grid布局定位圖片 */
.container {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 20px;
}
.image {
grid-row: 1 / 3;
}
/* 使用clip-path剪裁圖片 */
.image {
clip-path: polygon(0% 0%, 100% 0%, 100% 80%, 60% 100%, 0% 100%);
}

以上是一些常用的定位圖片的方法，根據具體情況選擇合適的方式能夠更好地實現頁面設計的效果。