DW怎样实现当鼠标经过表格时改变表格的背景颜色?

一、新建网页，创建表格。

新建一个网页，在dreamweaver中点击插入表格按钮，然后在d出的窗口填写选项，行数自定（我填3），列数填2就可以了，表格宽度300像素，边框粗细、单元格边距和间距都填0，页眉选择无即可，如图一所示，然后点击确定。新表格创建完毕。

二、给表格定义背景色。

在dreamweaver右侧的css面板中点击“新建css规则”按钮，如图二，在d出的选项板中“选择器类型中”选择第二项“标签”，在“标签”选项中填入或选择tr，“定义在”选择仅对该文档，如图三所示，然后确定。

下面d出的是css规则定义窗口，左侧选择“背景”，右侧的背景中选择颜色#666666，如图四所示，然后点击确定。

三、添加:hover属性

现在做的就是重复第二步中的两项 *** 作，点击“新建css规则”按钮，在d出的选项板中选择器类型中选择第三项“高级”，在下面选择a:hover，并把a改成tr，或者直接填写上tr:hover也可以，“定义在”选择仅对该文档，如图五所示，然后确定。

在下面d出的css规则定义窗口中同样选择背景，右侧选择一个背景颜色#cccccc，如图六所示，然后点击确定。

用各种浏览器预览一下，你会发现在firefox和ie7中的效果是正常的，但在ie6中没有任何效果。这是因为他不支持伪类:hover，只能想办法修正一下，所以只能动用javascript。

四、用javascript修正ie6中的效果。

将dreamweaver切换到代码视图，在源代码中找到表格的各行开头标签处，在标签中加入javascript代码，变成：

onmouseover是鼠标悬浮时，onmouseout是鼠标移开，这句话的意思就是当鼠标悬浮到此行的时候它的背景颜色值为#cccccc，当鼠标移开时背景消失。

只有加上这行代码的标签才会有变换效果，所以三行都要改成这个样子。如果你要做的表格有n多行，觉得每行都加这个javascript代码比较麻烦，只能求助更高级的javascript代码方法了，但它离我的话题太远了，这里就不介绍了，有兴趣的朋友可以在网上搜搜看。

到这里，如何用css制作鼠标经过表格变色的方法已经介绍完了，如果您还有其它更好的方法，可以与我交流，我们共同探讨。

是在WPS表格中还是在WPS文字中画表格？一、在WPS表格中菜单“格式|单元格|边框”，先选择线条“颜色”，再选择具体某个边框框线。二、在WPS文字中(一)全部表格：方法：1、全选表格或在表格内单击。菜单“表格|表格属性|表格|边框和底纹”，进入边框设置界面。2、可先将框线全部去掉(单击)，然后选择框线颜色，再单击需要添加的边框框线。3、如果需要单独就表格内的某个单元格的框线进行设置，可见(二)(二)某个单元格的框线设置选中单元格(将鼠标移到单元格的左下角，待出现粗黑箭头时单击)，然后按(一)的步骤对四个边框分别进行设置。效果如下图：

你的问题表述的不是很明确，因此我只能给你一个思路，你尝试一下：要实现鼠标移动来改变表格的颜色，首先要获取鼠标移动事件，鼠标移动到表格上是一个颜色，移出表格又换一个颜色，这就分别用到javascript函数来响应鼠标事件，鼠标移动到表格上是onmouseover()，反之而是onmouseout()。

然后你要写javascript脚本函数来响应，就拿鼠标移动到表格上变绿色来说，如果你的表格的id="tt"，那就可以在onmouseover()里面这样写：

documentgetelementById(tt)backgroundcolor="Green";

仅提供一个思路，代码可能要稍微修改一下，你再在网上搜一下具体javascript的写法！