用DIV+CSS写成的鼠标经过表格变色
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>用Div+css写成的鼠标经过表格变色</title>
<style type="text/css">
<!--
/*
Div之家为你编写经典代码，http://www.divhome.com
This code is designed by Fred.ren Emil:jiege8848@126.com
*/
.funMainBrownW680b {
CLEAR: both; BORDER-RIGHT: #e0cfba 1px solid; PADDING-RIGHT: 9px; PADDING-LEFT: 9px; PADDING-BOTTOM: 9px; MARGIN: 0px auto; BORDER-LEFT: #e0cfba 1px solid; WIDTH: 680px; PADDING-TOP: 9px; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left
}
.relatedItem {
PADDING-LEFT: 10px; FLOAT: left; MARGIN: 0px; WIDTH: 210px
}
.relatedItem A {
BACKGROUND-POSITION: 3px 3px; DISPLAY: block; PADDING-LEFT: 12px; MARGIN: 1px; OVERFLOW: hidden; BACKGROUND-REPEAT: no-repeat
}
.relatedItem A:hover {
BORDER-RIGHT: #d2e2ff 1px solid; BACKGROUND-POSITION: 3px 3px; BORDER-TOP: #d2e2ff 1px solid;MARGIN: 0px; BORDER-LEFT: #d2e2ff 1px solid; BORDER-BOTTOM: #d2e2ff 1px solid; BACKGROUND-COLOR: #ffffcc; TEXT-DECORATION: none
}
h1{float: left;font-size:12px;text-align:center; }
-->
</style>
</head>
<body>
<h1>用DIV+CSS写成的鼠标经过表格变色</br>Div之家为你编写经典代码，http://www.divhome.com
This code is designed by Fred.ren </h1>
<DIV class=funMainBrownW680b>
<DIV class=relatedItem><A href="http://www.divhome.com">Div之家</A></DIV>
<DIV class=relatedItem><A href="http://www.divhome.com/csssite/channel.asp?id=2">简洁代码</A></DIV>
<DIV class=relatedItem><A href="http://www.divhome.com/csssite/channel.asp?id=6">Web2.0知识</A></DIV>
<DIV class=relatedItem><A href="http://www.divhome.com/csssite/channel.asp?id=5">Div+css相关</A></DIV>
<DIV class=relatedItem><A href="http://www.divhome.com/csssite/channel.asp?id=6">Web知识</A></DIV>
<DIV class=relatedItem><A href="http://www.divhome.com/csssite/channel.asp?id=5">Div+css相关</A></DIV>
<DIV class=relatedItem><A href="http://www.divhome.com/csssite/channel.asp?id=5">Div+css相关</A></DIV>
<DIV class=relatedItem><A href="http://www.divhome.com/csssite/channel.asp?id=6">Web知识</A></DIV>
<DIV class=relatedItem><A href="http://www.divhome.com/csssite/channel.asp?id=5">Div+css相关</A></DIV>
<DIV class=relatedItem><A href="http://www.divhome.com/csssite/channel.asp?id=4">JS特效</A></DIV>
<DIV class=relatedItem><A href="http://www.divhome.com/csssite/channel.asp?id=6">Web知识</A></DIV>
<DIV class=relatedItem><A href="http://www.divhome.com/csssite/channel.asp?id=6">Web知识</A></DIV>
<DIV class=relatedItem><A href="http://www.divhome.com/csssite/channel.asp?id=5">代码由Div之家编写转载最好加上本站链接</A></DIV>
<DIV class=clear></DIV>
</DIV>
</body>
</html>
代码复制
