[英]CSS Change Border Color on Hover
I'm using the following CSS code to create a box around some content/links: 我正在使用以下CSS代码在一些内容/链接周围创建一个框:
.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: 使用
:hover
psuedo选择器:
.box:hover {
border-color: purple;
}
Very easy, just apply the selector :hover 非常简单,只需应用选择器:hover
.box:hover {
border:5px solid #b217b4;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.