怎样用css实现div选中的效果18

发布网友发布时间：2023-10-07 14:35

共5个回答

热心网友时间：2023-11-06 08:23

你想要一个什么样的选中效果？
以下是个红边框的样式
div:hover{border:1px solid red;}

热心网友时间：2023-11-06 08:24

div:focus{
里面写你想要的选中效果样式
}

热心网友时间：2023-11-06 08:24

不懂这儿的选中是鼠标点击还是覆盖或者是点击之后的效果,因此就都说一下:
1.被点击时的效果可以用div:active{ css }

2.鼠标覆盖在上面的时候可以用div：hover{ css;}

3.点击之后的效果，这个相对前2种有些麻烦，必须用到JS或者jquery，步骤如下：

a.先给div添加一个选中的样式比如on{css}；

b.然后在js中$('div').click(function{
$('div').toggleClass(' ','on');
})
这是jquery自带的一个方法，点击div切换2个class,

热心网友时间：2023-11-06 08:25

div:hover{}

热心网友时间：2023-11-06 08:25

<div onmouseover="this.style.backgroundColor='#f4f4f4'" onmouseout="this.style.backgroundColor='#fff'">00000</div>

也可以用链接样式做
a{}
a:hover{}