HTML-HREF在图像下创建一条新的蓝线_Html

HTML-HREF在图像下创建一条新的蓝线

html

HTML-HREF在图像下创建一条新的蓝线,html,Html,将href添加到图像时，我看到图像下方创建了一条蓝线。你知道它叫什么，怎么去掉吗这是一张图片的截图以下是html代码： <html> <style> div{ position: absolute; top: 50%; left: 50%; width: 400px; height: 300px; margin-top: -150px; margin-left: -200px; } </style> &

将href添加到图像时，我看到图像下方创建了一条蓝线。你知道它叫什么，怎么去掉吗

这是一张图片的截图

以下是html代码：

<html>

<style>

div{
   position: absolute;
   top: 50%;
   left: 50%;
   width: 400px;
   height: 300px;
   margin-top: -150px;
   margin-left: -200px;

}

</style>

<div>
  <a href="https://10.10.10.10/zabbix">
  <img src="https://miro.medium.com/max/800/1*clU7swMwpx_-jFxwExcCOg.png" width="190">
  </a>


  <a href="https://10.10.10.10/grafana">
  <img src="https://logodix.com/logo/1736625.png" width="190" >
  </a>
</div>

</html>


div{
位置：绝对位置；
最高：50%；
左：50%；
宽度：400px；
高度：300px；
利润上限：-150px；
左边距：-200px；
}

下划线设置在“a”元素的文本装饰属性上。因此，将其设置为“无”应禁用它：

a {
  text-decoration: none;
}

提供的CSS答案很好，但是您也可以尝试删除元素之间的空白（因此

没有换行符），或者只删除空白