CSS是网页设计中重要的一环，有许多技巧可以使用它来实现。其中一个技巧是使图片在页面中居中。

img {
display: block;
margin: 0 auto;
}

这些CSS属性将图像标记放置在页面上并使该元素水平居中。对于这段代码的理解，是先设置图像为“块级元素”，这样它会使用整行。接下来，使用“margin：0 auto;”将其水平居中。

有时，您可能需要更多控制，以便保证图像垂直居中。可以将图像固定到其容器上，然后使用CSS“绝对分布”将其居中。 HTML代码如下：

<div class="box">
<img src="my-image.jpg">
</div>

CSS 代码如下：

.box {
position: relative;
}
img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

在此示例中，“.box”具有“相对”类定位。它是父元素，并且其子元素“img”使用“绝对”定位。最终的“transform: translate”函数将图像向左和向上移动，从而完美地垂直和水平居中。

CSS是构建漂亮网站的必要技能。利用CSS中的强大功能，您可以实现任何设计需要。