怎样使表格的背景成透明的
一、这是一个有闪动颜色背景的表格:
二、怎样使表格的背景成透明的呢?
方法很简单,就是在下面的代码中去掉那个导入图片地址的红颜色代码(包括地址)
<TABLE cellSpacing=0 cellPadding=0 width=200 align=center background=http://www.dabaoku.com/gif/168/gif074.gif border=1> <TBODY> <TR> <TD width="33.33%"><A href="http://blog.163.com/gsd_432427/blog/static/22911412006101804018521/" target=_blank> <H6><FONT color=#ff0000>博客技巧</FONT></H6></A></TD> <TD width="33.33%"><A href="http://blog.163.com/gsd_432427/blog/static/22911412007115104719521/" target=_blank> <H6><FONT color=#ff0000>博客代码</FONT></H6> <H6></H6></A> <H6></H6> <H6></H6></TD> <TD width="33.33%"><A href="http://blog.163.com/gsd_432427/blog/static/229114120071169749953/" target=_blank> <H6><FONT color=#ff0000>博客素材</FONT></H6></A></TD></TR> <TR> <TD width="33.33%"><A href="http://blog.163.com/gsd_432427/blog/static/2291141200611193595513/" target=_blank> <H6><FONT color=#ff0000>博客建议</FONT></H6></A></TD> <TD width="33.33%"><A href="http://blog.163.com/gsd_432427/blog/static/229114120061130101154444/" target=_blank> <H6><FONT color=#ff0000>名人博客</FONT></H6></A></TD> <TD width="33.33%"><A href="http://blog.163.com/gsd_432427/blog/static/2291141200721894846848/" target=_blank> <H6><FONT color=#ff0000>博客导航</FONT></H6></A></TD></TR> <TR> <TD width="33.33%"><A href="http://blog.163.com/gsd_432427/blog/static/229114120072207315211/" target=_blank> <H6><FONT color=#ff0000>视频教程</FONT></H6></A></TD> <TD width="33.33%"><A href="http://blog.163.com/gsd_432427/blog/static/2291141200733104749988/" target=_blank> <H6><FONT color=#ff0000>视频制作</FONT></H6></A></TD> <TD width="33.33%"><A href="http://blog.163.com/gsd_432427/blog/static/2291141200732311400583/" target=_blank> <H6><FONT color=#ff0000>音画制作</FONT></H6></A></TD></TR></TBODY></TABLE>
三、看看去掉后的效果:
四、下面是4条边框代码构成的一个表格(边框),又怎样使表格的背景透明呢?
这里是文字的输入地方,随着文字的增多,边框就逐渐放大。可以放加入背景图片的代码 ,在这里还可以放一个或多个动画代码(做多层透明flash动画)。 |
方法也很简单,就是把TABLE这个元素后面的边框颜色代码BACKGROUND-COLOR: #ff0000删掉,试试看.
<TABLE style="BORDER-RIGHT: #00ff00 10px ridge; BORDER-TOP: #00ff00 10px ridge; BORDER-LEFT: #00ff00 10px ridge; BORDER-BOTTOM: #00ff00 10px ridge; BACKGROUND-COLOR: #ff0000" cellSpacing=0> <TBODY> <TR> <TD>这里是文字的输入地方,随着文字的增多,边框就逐渐放大。可以放加入背景图片的代码 ,在这里还可以放一个或多个动画代码(做多层透明flash动画)。 </TD></TR></TBODY></TABLE>
看看效果:
这里是文字的输入地方,随着文字的增多,边框就逐渐放大。可以放加入背景图片的代码 ,在这里还可以放一个或多个动画代码(做多层透明flash动画)。 |
五、说明:这样处理后,表格背景的颜色就会随你博客的背景色而变化,你的博客的背景色是什么颜色,表格的背景色就是什么颜色。
|
评论