CSS更改悬停上的边框颜色 [英] CSS Change Border Color on Hover

问题描述

我使用以下CSS代码在一些内容/链接周围创建一个框：

  .box {
 border-top-left-radius：25px; 
 border-top-right-radius：25px; 
 border：2px solid＃000000; 
 padding：5px 40px; 
 background：#ffffff; 
} 
  

我想要使鼠标光标悬停在框上时，

使用：hover psuedo selector：

  .box：hover {
 border-color：purple; 
} 
  

I'm using the following CSS code to create a box around some content/links:

.box {
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;  
    border: 2px solid #000000;
    padding: 5px 40px; 
    background: #ffffff;
}

I want to make it so that when the mouse cursor hovers over the box, the black border color changes to purple.

解决方案

Use the :hover psuedo selector:

.box:hover {
   border-color: purple;
}

这篇关于CSS更改悬停上的边框颜色的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！