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

前端之家收集整理的这篇文章主要介绍了html – 如何在css中删除图像边框?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
当鼠标的光标位于帮助图标上时,我尝试显示跨度。

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

我的CSS:

  1. .info{
  2. position:absolute;
  3. border:none;
  4. }
  5.  
  6. a.info{
  7. position:absolute;
  8. z-index:24;
  9. background:none;
  10. color:#000;
  11. text-decoration:none
  12. }
  13.  
  14. a.info:hover{
  15. z-index:25;
  16. background-color:#FFF;
  17. cursor:help;
  18. }
  19.  
  20. a.info span{
  21. display: none
  22. }
  23.  
  24. a.info:hover span{
  25. display:block;
  26. position:absolute;
  27. cursor:help;
  28. bottom:0px;
  29. left:26px;
  30. width:150px;
  31. padding:4px;
  32. }

光盘

解决方法

尝试这个:
  1. img{border:0;}

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

  1. .myClass img{border:0;}

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

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

猜你在找的HTML相关文章