📌  相关文章
📜  如何使用 CSS 在鼠标悬停时为元素添加边框?

📅  最后修改于: 2021-10-29 06:27:44             🧑  作者: Mango

我们给出了一个包含元素的网页,任务是使用 CSS 在鼠标移动(悬停)时为元素添加边框。当我们在鼠标悬停时为元素添加边框时,它会影响另一个最近元素的位置。为了解决这个问题,我们可以使用 CSS margin属性。

例子:

HTML


  

    
  
    
        Add CSS Border on Mouse Hover 
        without Pushing Content
    
      
    

  

    

GeeksForGeeks

           

        How to apply border to an element          on mouse hover without affecting          the layout in CSS?     

           
            
  • Home
  •         
  • news
  •         
  • Images
  •         
  • Music
  •     
  


输出:

支持的浏览器:

  • 谷歌浏览器
  • IE浏览器
  • 火狐
  • 苹果浏览器
  • 歌剧