html – 如何在css中删除图像边框？

当鼠标的光标位于帮助图标上时，我尝试显示跨度。

它的工作原理，但是，我不会删除图标周围的边框。

我的CSS：

.info{
    position:absolute;
    border:none;
}

a.info{
    position:absolute; 
    z-index:24; 
    background:none;
    color:#000;
    text-decoration:none
}

a.info:hover{
    z-index:25; 
    background-color:#FFF;
    cursor:help;
}

a.info span{
    display: none
}

a.info:hover span{ 
    display:block; 
    position:absolute;
    cursor:help;
    bottom:0px; 
    left:26px; 
    width:150px;
    padding:4px;
}

光盘

解决方法

尝试这个：

img{border:0;}

您还可以通过这样做限制范围并仅删除某些图像上的边框：

.myClass img{border:0;}

有关border css属性的更多信息可以通过找到here。

编辑：将边框从0px更改为0.如注释中所述，px对于0的单位是冗余的。

原文地址：https://www.jb51.cc/html/232745.html