怎样使表格的背景成透明的

 

一、这是一个有闪动颜色背景的表格：

博客技巧	博客代码	博客素材
博客建议	名人博客	博客导航
视频教程	视频制作	音画制作

 二、怎样使表格的背景成透明的呢？

         方法很简单，就是在下面的代码中去掉那个导入图片地址的红颜色代码（包括地址）

 

 三、修改后没有背景图片的：

动画素材	博客建议
博客制作	博客导航
技巧教程	边框制作
边框制作	博客导航
我的链接	模块导航

 

<TABLE cellSpacing=0 cellPadding=0 width=200 align=center background=0 border=1>
<TBODY>
<TR>
<TR>
<TD width="33%"><A href="http://yuxiaoping3188.blog.163.com/blog/static/201861552011310216213/" target=_blank>
<H3 align=center><FONT face=幼圆 color=#008000 size=3>动画素材</FONT></H3></A></TD>
<TD width="33%"><A href="http://yuxiaoping3188.blog.163.com/blog/static/2018615520113313449140/" target=_blank>
<H3 align=center><FONT face=幼圆 color=#008000 size=3>博客建议</FONT></H3></A></TD>
<TR>
<TD width="33%"><A href="http://yuxiaoping3188.blog.163.com/blog/static/2018615520112224155665/" target=_blank>
<H3 align=center><FONT face=幼圆 color=#008000 size=3>博客制作</FONT></H3></A></TD>
<TD width="33%"><A href="http://yuxiaoping3188.blog.163.com/blog/static/20186155201121185158245/" target=_blank>
<H3 align=center><FONT face=幼圆 color=#008000 size=3>博客导航</FONT></H3></A></TD>
<TR>
<TD width="33%"><A href="http://yuxiaoping3188.blog.163.com/blog/static/2018615520110104229805/" target=_blank>
<H3 align=center><FONT face=幼圆 color=#008000 size=3>技巧教程</FONT></H3></A></TD>
<TD width="33%"><A href="http://yuxiaoping3188.blog.163.com/blog/static/20186155201010132943355/" target=_blank>
<H3 align=center><FONT face=幼圆 color=#008000 size=3>边框制作</FONT></H3></A></TD></TR>
<TR>
<TD width="33%"><A href="http://yuxiaoping3188.blog.163.com/blog/static/20186155201010132943355/" target=_blank>
<H3 align=center><FONT face=幼圆 color=#008000 size=3>边框制作</FONT></H3></A></TD>
<TD width="33%"><A href="http://yuxiaoping3188.blog.163.com/blog/static/20186155201071313523904/" target=_blank>
<H3 align=center><FONT face=幼圆 color=#008000 size=3>博客导航</FONT></H3></A></TD></TR>
<TR>
<TD width="33%"><A href="http://yuxiaoping3188.blog.163.com/blog/static/2018615520106287057475/" target=_blank>
<H3 align=center><FONT face=幼圆 color=#008000 size=3>我的链接</FONT></H3></A></TD>
<TD width="33%"><A href="http://yuxiaoping3188.blog.163.com/blog/static/20186155201111410385131/" target=_blank rel=nofollow>
<H3 align=center><FONT face=幼圆 color=#008000 size=3>模块导航</FONT></H3></A></TD></TR><FONT face=幼圆><BR></TR></TR></FONT></TBODY></TABLE>

 

(请您按照我刚做的这个代码去修改吧，如果您的模块这个地址是 width=200 、或者是450还是多少，则根据您自己的模块而定，然后根据模块宽度而争加您每行所要的排列的日志名称，<TR>这个代码是分行而用的。

朋友这个代码是很久了的，一般都不用了，再说我的模块也不用这个带图片地址的您喜欢就用吧，很多时候是要自己反复试验才满意的。我也只能做到这个程度了，对不起！

 

 

 

 四，修改后有背景图片的代码：

 

 

 

动画素材	博客建议
博客制作	博客导航
技巧教程	边框制作
边框制作	博客导航
我的链接	模块导航

 

 以上模块代码复制处：

 

 

<TABLE cellSpacing=0 cellPadding=0 width=200 align=center background=http://image59.360doc.com/DownloadImg/2013/03/1523/30962265_11.gif border=1>
<TBODY>
<TR>
<TR>
<TD width="33%"><A href="http://yuxiaoping3188.blog.163.com/blog/static/201861552011310216213/" target=_blank>
<H3 align=center><FONT face=幼圆 color=#008000 size=3>动画素材</FONT></H3></A></TD>
<TD width="33%"><A href="http://yuxiaoping3188.blog.163.com/blog/static/2018615520113313449140/" target=_blank>
<H3 align=center><FONT face=幼圆 color=#008000 size=3>博客建议</FONT></H3></A></TD>
<TR>
<TD width="33%"><A href="http://yuxiaoping3188.blog.163.com/blog/static/2018615520112224155665/" target=_blank>
<H3 align=center><FONT face=幼圆 color=#008000 size=3>博客制作</FONT></H3></A></TD>
<TD width="33%"><A href="http://yuxiaoping3188.blog.163.com/blog/static/20186155201121185158245/" target=_blank>
<H3 align=center><FONT face=幼圆 color=#008000 size=3>博客导航</FONT></H3></A></TD>
<TR>
<TD width="33%"><A href="http://yuxiaoping3188.blog.163.com/blog/static/2018615520110104229805/" target=_blank>
<H3 align=center><FONT face=幼圆 color=#008000 size=3>技巧教程</FONT></H3></A></TD>
<TD width="33%"><A href="http://yuxiaoping3188.blog.163.com/blog/static/20186155201010132943355/" target=_blank>
<H3 align=center><FONT face=幼圆 color=#008000 size=3>边框制作</FONT></H3></A></TD></TR>
<TR>
<TD width="33%"><A href="http://yuxiaoping3188.blog.163.com/blog/static/20186155201010132943355/" target=_blank>
<H3 align=center><FONT face=幼圆 color=#008000 size=3>边框制作</FONT></H3></A></TD>
<TD width="33%"><A href="http://yuxiaoping3188.blog.163.com/blog/static/20186155201071313523904/" target=_blank>
<H3 align=center><FONT face=幼圆 color=#008000 size=3>博客导航</FONT></H3></A></TD></TR>
<TR>
<TD width="33%"><A href="http://yuxiaoping3188.blog.163.com/blog/static/2018615520106287057475/" target=_blank>
<H3 align=center><FONT face=幼圆 color=#008000 size=3>我的链接</FONT></H3></A></TD>
<TD width="33%"><A href="http://yuxiaoping3188.blog.163.com/blog/static/20186155201111410385131/" target=_blank rel=nofollow>
<H3 align=center><FONT face=幼圆 color=#008000 size=3>模块导航</FONT></H3></A></TD></TR><FONT face=幼圆><BR></TR></TR></FONT></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动画）。

五、说明：这样处理后，表格背景的颜色就会随你博客的背景色而变化，你的博客的背景色是什么颜色，表格的背景色就是什么颜色。

                                           

戴尔·卡耐基	卡耐基其人
经营管理方略	为人处世哲学
形象设计艺术	社会交往技巧
成功之道	经商之道
卡耐基如是说	本模块代码
人性的优点	哈佛管理教程

您可能也喜欢：

综合模块代码复制 2010.09.12

综合模块代码复制

我的模块代码 2011.12.04

我的模块代码

可以复制放到您的首页 2010.06.21

可以复制放到您的首页

我的首页模块代码 2011.03.13

我的首页模块代码

博客首页装饰汇总 2010.04.11

博客首页装饰汇总

博客装饰技巧大全 2010.08.13

博客装饰技巧大全

精美首页装饰汇总 2010.03.16

精美首页装饰汇总

博客装扮图片汇总 2010.01.31

博客装扮图片汇总

博客素材精选 2010.04.12

博客素材精选

博客制作素材【二】 2010.07.17

博客制作素材【二】

博客制作技巧【一】 2010.07.17

博客制作技巧【一】

我的首页 2010.06.14

我的首页

博客装扮精品美图集锦 2010.01.31

博客装扮精品美图集锦

博客制作技术模块 2010.04.01

博客制作技术模块