如何使用 CSS 在鼠标悬停时为元素添加边框？

我们给出了一个包含元素的网页，任务是使用 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浏览器
火狐
苹果浏览器
歌剧

HTML

GeeksForGeeks

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