当前位置：文江博客话题详情

div悬停背景颜色改变？

发布于 2025-01-04 18:55:29 字数 1134 浏览 4 评论 0原文

我怎样才能让它表现得好像一行 div 是锚点，这样当我将鼠标悬停在它上面时，它会返回红色

CSS

.e
{
    width:90px;
    border-right:1px solid #222;
    text-align:center;
    float:left;
    padding-left:2px;
    cursor:pointer;


}
.f .e
{
    background-color:#F9EDBE;

}

HTML

<div>
    <div class="e" >Company</div>
    <div class="e">Target</div>
    <div class="e" style="border-right:0px;">Person</div>
</div>         
<div class="f">
    <div class="e">Company</div>
    <div class="e">Target</div>
    <div class="e" style="border-right:0px;">Person</div>
</div>   
<div>
    <div class="e">Company</div>
    <div class="e">Targetaaa</div>
    <div class="e" style="border-right:0px;">Person</div>
</div>            
<div class="f"> 
    <div class="e">Company</div>
    <div class="e">Target</div>
    <div class="e" style="border-right:0px;">Person</div>
</div>

How can I make it act as if a line of div is anchor so when I hover on it it returns to red

CSS

.e
{
    width:90px;
    border-right:1px solid #222;
    text-align:center;
    float:left;
    padding-left:2px;
    cursor:pointer;


}
.f .e
{
    background-color:#F9EDBE;

}

HTML

<div>
    <div class="e" >Company</div>
    <div class="e">Target</div>
    <div class="e" style="border-right:0px;">Person</div>
</div>         
<div class="f">
    <div class="e">Company</div>
    <div class="e">Target</div>
    <div class="e" style="border-right:0px;">Person</div>
</div>   
<div>
    <div class="e">Company</div>
    <div class="e">Targetaaa</div>
    <div class="e" style="border-right:0px;">Person</div>
</div>            
<div class="f"> 
    <div class="e">Company</div>
    <div class="e">Target</div>
    <div class="e" style="border-right:0px;">Person</div>
</div>

收藏 0

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

评论（4）

锦爱 2025-01-11 18:55:29

.e:hover{
   background-color:#FF0000;
}

.e:hover{
   background-color:#FF0000;
}

回复收藏 0 原文

愿得七秒忆 2025-01-11 18:55:29

如果您希望在只需添加 :hover 伪值时改变颜色

div.e:hover {
    background-color:red;
}

if you want the color to change when you have simply add the :hover pseudo

div.e:hover {
    background-color:red;
}

回复收藏 0 原文

天赋异禀 2025-01-11 18:55:29

div悬停背景颜色更改

尝试如下：

.class_name:hover{
    background-color:#FF0000;
}

div hover background color change

Try like this:

.class_name:hover{
    background-color:#FF0000;
}

回复收藏 0 原文

留蓝 2025-01-11 18:55:29

<html>
<head>
<style>

.e {
    width:90px;
    border-right:1px solid #222;
    text-align:center;
    float:left;
    padding-left:2px;
    cursor:pointer;
}

e2:hover {
    background-color:red;
}

</style>
</head>
<body>

<div>
    <div class="e e2" >Company</div>
    <div class="e e2">Target</div>
    <div class="e e2" style="border-right:0px;">Person</div>
</div>

</body>
</html>

<html>
<head>
<style>

.e {
    width:90px;
    border-right:1px solid #222;
    text-align:center;
    float:left;
    padding-left:2px;
    cursor:pointer;
}

e2:hover {
    background-color:red;
}

</style>
</head>
<body>

<div>
    <div class="e e2" >Company</div>
    <div class="e e2">Target</div>
    <div class="e e2" style="border-right:0px;">Person</div>
</div>

</body>
</html>

回复收藏 0 原文

~没有更多了~

关于作者

暂无简介

文章

评论

6281 人气

关注发私信

相关话题

热门标签

操作系统程序设计 IT运维 Linux系统管理 JavaScript 服务器应用 solaris C/C++ PHP Shell BSD Vue.js aix Oracle Python HTML 系统管理 HTML5 CSS 前端

推荐作者

櫻之舞

文章 0 评论 0

弥枳

文章 0 评论 0

m2429

文章 0 评论 0

寻找一个思念的角度

文章 0 评论 0

野却迷人

文章 0 评论 0

我怀念的。

文章 0 评论 0

友情链接

我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的隐私政策了解更多相关信息。单击 接受 或继续使用网站，即表示您同意使用 Cookies 和您的相关数据。

原文