注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

★★★绝伦天然★★★

★人生如水、水如人生★

 
 
 

日志

 
 

【转载】文本表格代码应用(2)  

2014-11-17 17:48:33|  分类: 〖代码〗 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

文本表格代码应用(2)

3D-古典/分隔线 - 淡淡的薄雾 - 音樂紅茶館 

 

三、表格的对齐设置:

      1、表格边框大小的设置,可通过增加表格的“width”和“height”的属性来设定表格的“宽度”和“高度”,其宽度和高度由数值(即像素数)决定。

代码:

<TABLE height=80 width=300 border=1>

<TR><TD>表格内容</TD></TR>

</TABLE>

效果:

表格内容

 

         

      2、表格中的内容默认位置靠左,只要在<TD>标签加入居中属性“align=center”即可将表格内容居中:

代码:

<TABLE height=80 width=300 border=1>

<TR><TD align=center>表格内容</TD></TR>

</TABLE>

效果:

表格内容

 

 

      3、在<TD>标签中加入“valign=top”属性可将表格中的内容靠上方对齐。

代码:

<TABLE height=80 width=300 border=1>

<TR><TD align=center valign=top>表格内容</TD></TR>

</TABLE>

效果:

表格内容

 

 

四、表格的背景设置:

       1、表格背景颜色(即边框内的底色)可利用“bgcolor=颜色码”进行设定,颜色码可根据爱好选定。

代码:

<TABLE bgcolor=#660000 border=1>

<TR><TD>表格内容</TD><TD>表格内容</TD></TR>

<TR><TD>表格内容</TD><TD>表格内容</TD></TR>

</TABLE>

效果:

表格内容 表格内容
表格内容 表格内容

 

          

      如果将bgcolor="颜色码"加在<TR>中,可以指定“一行”的背景颜色::

代码:

<TABLE border=1>

<TR bgcolor=#660000><TD>表格内容</TD><TD>表格内容</TD></TR>

<TR><TD>表格内容</TD><TD>表格内容</TD></TR>

</TABLE>

效果:

表格内容 表格内容
表格内容 表格内容

 

 

      如果将bgColor="颜色码"加在<TD>中,可以指定“一栏”的背景颜色:

代码:

<TABLE border=1>

<TR><TD bgcolor=#660000>表格内容</TR><TD>表格内容</TD></TR>

<TR><TD>表格内容</TD><TD>表格内容</TD></TR>

</TABLE>

效果:

表格内容 表格内容
表格内容 表格内容

 

 

      2、表格的底色也可以用图片来代替,只要将background="图片地址"加到表格中就行了,方法和表格背景颜色基本一样。

代码:

<TABLE background=图片地址 border=1>

<TR><TD>表格内容</TD><TD>表格内容</TD></TR>

<TR><TD>表格内容</TD><TD>表格内容</TD></TR>

</TABLE>

效果:

表格内容 表格内容
表格内容 表格内容

 

           

      如果将background="图片地址"加在<TD>中,可以指定“一栏”的背景:

代码:

<TABLE border=1>

<TR><TD background=图片地址>表格内容</TD><TD>表格内容</TD></TR>

<TR><TD>表格内容</TD><TD>表格内容</TD></TR>

</TABLE>

效果:

表格内容 表格内容
表格内容 表格内容

 

3D-古典/分隔线 - 淡淡的薄雾 - 音樂紅茶館

 

 

欢迎您光临开心博客欢迎您光临开心博客欢迎您

 

 

 

 

 

 

  评论这张
 
阅读(2)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017