使用样式表的onMouseOver效果

主题

如何产生onMouseover效果?
当鼠标在链接或者背景上时，如何让它们的颜色发生改变？

题目

属性: onMouseOver效果

文本效果:

例如:hioxindia.com

实现这一功能是非常简单的。根据以下的步骤，你也可以完成。

步骤1:
在head段落中添加文本要改变的样式，具体如下，
<head>
<style>
/*这是怎样的文字会在鼠标滑过*/
.colc{
font-family: san-serif;
color: #9EFF36;
}

/*这是如何看待文本将鼠标。注意："悬停"是最最重要的变化这里*/
.colc:hover
{
font-family: san-serif;
color: #456745;
}
</style>
</head>

步骤2:
当鼠标在文本上方时，设置文本要出现的样式
例如:
<a href="" class="colc"> 这是将鼠标移动到文字</a>

注意:在这里我们使用标记"class"来设置样式。样式名称"将创建在header段落中。

-----------------------------

要让背景颜色发生改变，就像上面解释的一样，在样式标记中添加"background-color"属性。
例如:形成的样式就是
.colc2{
font-family: san-serif;
color: #9EFF36;
}

/*这是如何看待文本将鼠标。注意："悬停"是最最重要的变化这里*/
.colc2:hover
{
background-color: #245250;
}

把这种样式设置到html标记中
<a href="" class="colc2"> 这是OnMouseOver效应 </a>