如何在将css应用于图像时使用a标记链接图像？

<a href="https://example.com">

<a href="https://example.com">
  <img src="image.jpg" alt="Image">
</a>

<a href="https://example.com" class="image-link">
  <img src="image.jpg" alt="Image" class="image">
</a>

<style>
  .image-link {
    text-decoration: underline;
  }

  .image-link:hover {
    text-decoration: none;
  }
</style>