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

不懂这儿的选中是鼠标点击还是覆盖或者是点击之后的效果,因此就都说一下:

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,

即使用style属性，将CSS直接写在HTML标签中。例如：<p style=color:red这行段落将显示为红色。</p注意：style属性可以用在<body内的所有（X）HTML标签上，但不能应用与<body以外的标签，如<title<head等标签。二，嵌入式样式表（Embedded Style Sheets）嵌入式样式表使用<style</style标签嵌入到（X）HTML文件的头部中，代码如下：<head<style type=text/css<!--.class{color:red}　--　</style</head注意：对于一些不能识别<style标签的浏览器，使用（X）HTML的注释标签<!-- 注释文字 --把样式包含进来。这样源码天空，不支持<style标签的的浏览器会忽略样式内容，而支持<style标签的浏览器会解读样式表。三，外部样式表（Link Style Sheets）在<head标签内使用<link标签将样式表文件连接到（X）HTML文件中。代码如下：

---