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

我的绿色软件、网络笔记仓库

 
 
 

日志

 
 

HTML教程(TABLE2)  

2009-12-14 19:35:01|  分类: CSS,HTML,代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

边框尺寸设置

  边框是用border属性来体现的,它表示表格的边框边厚度和框线。将border设成不同的值,有不同的效果。

如:

<table border=10 width=250> 
<caption>定货单</caption>
<tr><th>苹果</th><th>香蕉</th><th>葡萄</th>
<tr><td>200公斤</td><td>200公斤</td><td>100公斤</td> 
</table> 


定货单
 苹果 香蕉 葡萄 
200公斤 200公斤 100公斤 



定货单
苹果香蕉葡萄
200公斤200公斤100公斤
-------------------------------------------------------------------------------


<table border=1 width="250"> 
<caption>定货单</caption>
<tr><th>苹果</th><th>香蕉</th><th>葡萄</th>
<tr><td>200公斤</td><td>200公斤</td><td>100公斤</td> 
</table> 


定货单
 苹果 香蕉 葡萄 
200公斤 200公斤 100公斤 


定货单
苹果香蕉葡萄
200公斤200公斤100公斤
-------------------------------------------------------------------------------

<table border=0 width="250"> 
<caption>定货单</caption>
<tr><th>苹果</th><th>香蕉</th><th>葡萄</th>
<tr><td>200公斤</td><td>200公斤</td><td>100公斤</td> 
</table> 


定货单
 苹果 香蕉 葡萄 
200公斤 200公斤 100公斤 



定货单
苹果香蕉葡萄
200公斤200公斤100公斤
-------------------------------------------------------------------------------


格间线宽度

  格与格之间的线为格间线,它的宽度可以使用<TABLE>中的CELLSPACING属性加以调节。格式是:

     <TABLE CELLSPACING=#>   #表示要取用的像素值

例:

<table border=3  cellspacing=5> 
<caption>定货单</caption>
<tr><th>苹果</th><th>香蕉</th><th>葡萄</th>
<tr><td>200公斤</td><td>200公斤</td><td>100公斤</td> 
</table> 


定货单
 苹果 香蕉 葡萄 
200公斤 200公斤 100公斤 



定货单
苹果香蕉葡萄
200公斤200公斤100公斤
-------------------------------------------------------------------------------


内容与格线之间的宽度

  我们还可以在<TABLE>中设置CELLPADDING属性,用来规定内容与格线之间的宽度。格式为:

          <TABLE CELLPADDING=#>   #表示要取用的像素值

例:

<table border=3  cellpadding=5> 
<caption>定货单</caption>
<tr><th>苹果</th><th>香蕉</th><th>葡萄</th>
<tr><td>200公斤</td><td>200公斤</td><td>100公斤</td> 
</table> 


定货单
 苹果 香蕉 葡萄 
200公斤 200公斤 100公斤 


定货单
苹果香蕉葡萄
200公斤200公斤100公斤
  评论这张
 
阅读(113)| 评论(0)
推荐 转载

历史上的今天

评论

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

页脚

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