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

📅  最后修改于: 2021-08-31 07:16:29             🧑  作者: 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浏览器
  • 火狐
  • 苹果浏览器
  • 歌剧