如何去除img标签的默认边框

时间:2025-04-27 14:55:22

如何去除img标签的默认边框

在使用img标签过程中遇到,图片没获取到后出现默认大小边框的问题,看起来很丑。

一、有边框

<router-link to="/"><img :src="logoICO" v-if="logoICO" 
           width="100px"
           height="35px" />{{}}</router-link>

二、无边框

    <router-link to="/"><img :src="logoICO" v-if="logoICO" alt=""
           width="100px"
           height="35px" />{{}}</router-link>

解决边框的问题,只需要在img标签中,加入一个alt=""就解决问题了,原因是alt属性的作用是:当图片无法正常显示时,则会显示alt属性中的内容!