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

html-css019

怎样用css实现div选中的效果,第1张

不懂这儿的选中是鼠标点击还是覆盖或者是点击之后的效果,因此就都说一下:\x0d\x0a1.被点击时的效果可以用div:active{ css }\x0d\x0a\x0d\x0a2.鼠标覆盖在上面的时候可以用div：hover{ css}\x0d\x0a\x0d\x0a3.点击之后的效果，这个相对前2种有些麻烦，必须用到JS或者jquery，步骤如下：\x0d\x0a\x0d\x0aa.先给div添加一个选中的样式比如on{css}；\x0d\x0a\x0d\x0ab.然后在js中$('div').click(function{\x0d\x0a$('div').toggleClass(' ','on')\x0d\x0a})\x0d\x0a这是jquery自带的一个方法，点击div切换2个class,

具体操作步骤如下：

1、首先，打开myeclipse，点击菜单左上角的file-New-other，如下图所示，然后进入下一步。

2、其次，在弹出窗口中，在空白栏输入css后，在下面的窗口中，选中CSS，再单击下方的Next，如下图所示，然后进入下一步。

3、最后，在弹出窗口中，在窗口下方的FileName处输入test.css，再点击Finish即可，如下图所示，这样，问题就解决了。

1、首先打开Vscode编辑器，新建一个HTML文档，用于承载表格和CSS。

2、然后新建一个5行3列的<table>表格备用。

3、接着定义一个内联样式，设置table表格的偶数行even背景色为浅灰色，奇数行odd的背景色为蓝色。

4、保存以上内容，在浏览器预览效果，就能看到奇数行景色为蓝色，偶数行背景色为浅灰色的效果了。