CSS 如何实现一行表格的横向颜色渐变
<table><tr><td>1</td><td>2</td></tr><tr><td>3</td><td>4</td></tr></table>如何实现<tr><td>...
<table>
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
</table>
如何实现 <tr> <td>1</td> <td>2</td> </tr> 这一行背景色渐变,不是单独一个格子内的颜色变化,其他行不变。 展开
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
</table>
如何实现 <tr> <td>1</td> <td>2</td> </tr> 这一行背景色渐变,不是单独一个格子内的颜色变化,其他行不变。 展开
2个回答
展开全部
<style>
table tr{
background-color:#FF0000;
}
#aaa{filter : progid:DXImageTransform.Microsoft.Alpha(startX=0, startY=0, finishX=100, finishY=100,style=1,opacity=100,finishOpacity=50);}
#bbb{filter : progid:DXImageTransform.Microsoft.Alpha(startX=0, startY=0, finishX=100, finishY=100,style=1,opacity=50,finishOpacity=0);}
</style>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0">
<div>
<tr>
<td id="aaa">111111</td>
<td id="bbb">222222</td>
</tr>
</div>
<tr>
<td>3</td>
<td>4</td>
</tr>
</table>
</body>
简单的说应该没有直接的方法能实现这个功能
只能变相实现~~ 如上方法让每个TD渐变 然后只要让颜色衔接上 看起来就像
每个TR颜色渐变了~~
table tr{
background-color:#FF0000;
}
#aaa{filter : progid:DXImageTransform.Microsoft.Alpha(startX=0, startY=0, finishX=100, finishY=100,style=1,opacity=100,finishOpacity=50);}
#bbb{filter : progid:DXImageTransform.Microsoft.Alpha(startX=0, startY=0, finishX=100, finishY=100,style=1,opacity=50,finishOpacity=0);}
</style>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0">
<div>
<tr>
<td id="aaa">111111</td>
<td id="bbb">222222</td>
</tr>
</div>
<tr>
<td>3</td>
<td>4</td>
</tr>
</table>
</body>
简单的说应该没有直接的方法能实现这个功能
只能变相实现~~ 如上方法让每个TD渐变 然后只要让颜色衔接上 看起来就像
每个TR颜色渐变了~~
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
那你只能用图片做背景了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询