html 图片居中置顶

在HTML中，可以使用CSS来实现图片居中置顶的效果。以下是一种常见的实现方式：

1. 首先，在HTML中插入一张图片的标签，例如使用`<img>`标签：

<img src="your_image_url" alt="your_image_description" class="center-top">

2. 接下来，在CSS中定义一个名为`center-top`的类，并设置相关样式：

.center-top {
  display: block; /* 将图片转换为块级元素 */
  margin-left: auto; /* 左右外边距设置为自动，实现水平居中 */
  margin-right: auto;
  position: relative; /* 设置相对定位 */
  top: 0; /* 将图片置顶 */
}

这样，图片就会在水平方向上居中，并置顶显示。