如何使用 HTML 和 CSS 为图片添加漂亮边框

当给图片添加漂亮的边框时，你可以使用 HTML 和 CSS 来实现。以下是一种可能的方式：

HTML 代码：

<div class='image-container'>
  <img src='your-image.jpg' alt='Your Image'>
</div>

CSS 代码：

.image-container {
  border: 5px solid #f00; /* 设置边框样式、宽度和颜色 */
  padding: 10px; /* 设置内边距，以使边框与图片之间有间隔 */
  display: inline-block; /* 使容器适应图片的大小 */
  border-radius: 10px; /* 设置边框的圆角 */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* 添加阴影效果 */
}

请注意，你需要将'your-image.jpg' 替换为你要添加边框的图片的实际路径。此代码将为图片添加一个红色的 5 像素宽边框，带有 10 像素的内边距，并且边框有圆角效果和轻微的阴影。

你可以根据需要修改 CSS 代码中的值，以适应你想要的边框样式和效果。