我是新手!几个月前我就开始学习了:当我在做一个包含标题和一些文本的div周围徘徊时,会弹出一个颜色不同于背景的边框,突出显示该div的区域。我已经成功地做到了!
.item {
border: solid 0px;
border-spacing: 10px;
background: rgba(164, 165, 219, 0.45);
border-radius: 20px;
}
.item:hover {
background: rgba(72, 74, 196, 0.45);
}
但是,我似乎也无法更改文本的颜色。我只有在文字正上方悬停时才能更改文字的颜色。
.project-text {
color: rgb(43, 41, 41);
font-size: 50px;
}
.project-text:hover {
color: white;
}
然而,我似乎也无法改变文本的颜色。我只能在文本正上方悬停时更改文本的颜色。
j.project-text {
color: rgb(43, 41, 41);
font-size: 50px;
}
.project-text:hover {
color: white;
}```
我希望能够在div边界上徘徊时已经更改文本的颜色,可以吗?
“问题来源:stackoverflow”
这是您需要的吗?
我只是添加了一些内容background-color
,以便hover
随时将其删除。
#mainDiv {
height: 30px;
width: 100px;
border:1px solid black;
font-size:bold;
text-align:center;
padding:4px;
color:red;
}
#mainDiv:hover {
color: yellow;
background-color: teal;
font-size: 15px;
}
j<div id="mainDiv">
Hover here
</div>```
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。