|
描述:效果
图片:
看见图片中的效果了吗?没错,表格也可以通过CSS来实现背景色的渐进效果,通常用于一些清单列,作为头部使用
(注明:本人所发代码均是本人所写或使用过可行的代码)
<html>
<head><title>CSS实现一个表格的背景色为渐进</title></head>
<style type="text/css">
<!--
.xr td {
font-family: "Tahoma";
font-size: 12px;
font-weight: bold;
text-align: center;
Filter: Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=0, FinishY=100);
}
table {
font-family: "Tahoma";
font-size: 12px;
}
-->
</style>
<body bgcolor="#EEEEEE">
<table width="60%" border="0" cellpadding="5" cellspacing="1" bgcolor="#999999">
<tr bgcolor="#FFFFFF" class="xr">
<td width="20">ID</td>
<td>Name</td>
<td>Homepage</td>
<td>Date</td>
<td>Content</td>
</tr>
<tr align="center" bgcolor="#FFFFFF">
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body> |
|