解决html 图片img加超链接后产生难看的蓝色边框问题

解决HTML图片img加超链接后产生难看的蓝色边框问题，需要使用CSS样式来解决。步骤如下：

1. 添加CSS样式

在HTML文档头部的style标签中添加CSS样式，通过设置a标签和img标签的边框为0来解决蓝色边框问题。

a img {
  border: 0;
}

2. 在img标签中添加属性

在img标签中添加 border="0" 属性，这也可以达到去除边框的效果。

<a href="#">
  <img src="example.png" alt="Example Image" border="0">
</a>

示例1：下面的代码展示了如何在HTML中设置一个带有链接的图片，并且能够去除图片边框。

<a href="https://www.example.com">
  <img src="example.png" alt="Example Image" border="0">
</a>

在添加CSS样式和设置img标签的属性border="0"后，图片链接将不再显示蓝色边框。

示例2：下面的代码展示了如何使用CSS样式将所有图片链接的边框去除。

<style>
  a img {
    border: 0;
  }
</style>

<a href="https://www.example.com">
  <img src="example.png" alt="Example Image">
</a>

当使用以上样式时，所有带有链接的图片都不会显示蓝色边框。这是由于CSS样式会应用于所有的a标签的子元素img标签。