CSS在悬停时更改边框颜色

Question

我正在使用以下CSS代码围绕某些内容/链接创建一个框:

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

我想这样做,当鼠标光标悬停在框上时,黑色边框颜色变为紫色.

Answer 1

使用:hoverpsuedo选择器:

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