本文介绍了CSS更改悬停上的边框颜色的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我使用以下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更改悬停上的边框颜色的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!