CSS是网页设计中不可或缺的一部分。当我们设计网站时，经常需要调整图片的位置和布局。下面我将介绍一些常见的CSS样式来帮助您轻松地调整图片位置和布局。

/* 设置图片水平居中 */
img {
display: block;
margin: 0 auto;
}
/* 设置图片垂直居中 */
img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/* 设置图片不拉伸并按照比例居中显示 */
img {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
/* 设置图片相对位置 */
.container {
position: relative;
}
img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/* 设置图片固定位置 */
img {
position: fixed;
top: 10px;
right: 10px;
}

以上是一些基本的CSS样式来调整图片位置和布局。您可以根据实际需求进行灵活运用，让您的网站更加美观和有吸引力。