财富值商城新手上路 阿里巴巴>商人论坛>网友培训中心论坛> 边框尺寸设置[学习活动5]

楼主回复:46浏览:2864 边框尺寸设置[学习活动5]

发表于 2007-07-11 03:52 版主奖励:50点

边框尺寸设置

  边框是用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公斤

 


 

 

<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公斤


<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公斤

 

表格的大小

  一般情况下,表格的总长度和总宽度是根据各行和各列的总和自动调整的,如果我们要直接固定表格的大小,可以使用下列方式:

<table width=n1 height=n2>

  width和height属性分别指定表格一个固定的宽度和长度,n1和n2可以用像素来表示,也可以用百分比(与整个屏幕相比的大小比例)来表示。

  下表是一个长为200像素,宽为100像素的表格。<table width="200" height="100">

  
  

  下表是一个长为屏幕的20%,宽为屏幕的10%的表格。<table width=20% height=10%>

  
  

 

 

表格的标题

  表格标题的位置,可由ALIGN属性来设置,其位置分别由表格上方和表格下方。下面为表格标题位置的设置格式。

  设置标题位于表格上方:

<caption align=top> ... </caption>

  设置标题位于表格下方:

<caption align=bottom> ... </caption>

 


<table border>
 <caption align=top>旅游日程</caption>
 <tr>
   <th>日期</th><td>9-11</td><td>11-13</td><td>13-14</td>
 <tr>
   <th>旅游地点</th><td>青岛</td><td>黄山</td><td>杭州</td>
</table>

显示结果:


旅游日程  
9-1111-1313-14
青岛黄山杭州

 


 

<table border>
 <caption align=bottom>旅游日程</caption>
 <tr>
   <th>日期</th><td>9-11</td><td>11-13</td><td>13-14</td>
 <tr>
   <th>旅游地点</th><td>青岛</td><td>黄山</td><td>杭州</td>

</table>

9-1111-1313-14
青岛黄山杭州

旅游日程

 

 

表格的颜色

  在表格中,既可以对整个表格填入底色,也可以对任何一行、一个表元使用背景色。

  表格的背景色彩   <table bgcolor=#>

  行的背景色彩    <tr bgcolor=#>

  表元的背景色彩   <th bgcolor=#>或 <td bgcolor=#>

  #=rrggbb 16进制 RGB数码, 或者是下列预定义色彩名称:
  Black,Olive,Teal,Red,Blue,Maroon,Navy,Gray,Lime,Fuchsia,White,Green,Purple,Silver,Yellow,Aqua

 


例:

<html>
<head>
<title><title>
</head>

<table border=2 bgcolor=aqua>
<tr>
<th bgcolor=ffaa00>彩电</th> <th bgcolor=Red>冰箱</th> <th rowspan=2>家电</th>
<tr bgcolor=yellow>
<td>A</td><td>B</td>
</table>

</body>
</html>

 

 

 

修改于2007-07-11 16:56:49
edit

常州纪秋商贸有限公司 ,鸿苑大酒店,欢迎网友合作(五金、酒、农副产品、花木、电子工艺品…

回复:边框尺寸设置[学习活动5] 发表于2007-07-11 07:31
苹果
香蕉
葡萄
定货单
200公斤200公斤100公斤
sofa
回复:边框尺寸设置[学习活动5] 发表于2007-07-11 08:17
项链
手镯
耳饰
定货单
20件30件10件
stool
edit

让我们成熟的,是经历的、是磨难的。让我们幸福的,是宽容的、是爱的。让我们心安的,是理解的、是信任的…

回复:边框尺寸设置[学习活动5] 发表于2007-07-11 08:47
苹果
香蕉
葡萄
定货单
200公斤200公斤100公斤
edit

现有水性聚氨酯\水性脂肪族聚氨酯\水性光油\改性丙烯酸\蜡乳液\硝化光油\两性溶剂\消光光油\…

回复:边框尺寸设置[学习活动5] 发表于2007-07-11 09:00
定货单
苹果香蕉葡萄
200公斤200公斤100公斤

 

<div align="center">
<table style="COLOR: green" bordercolor="#008800" width="600" align="center" border="10"heignt="400">
    <caption>定货单</caption>
    <tbody>
        <tr>
            <td bgcolor="#b00e00">苹果</td>
            <td bgcolor="#ffff00">香蕉</td>
            <td bgcolor="#800080">葡萄</td>
        </tr>
        <tr>
            <td bgcolor="#b00e00">200公斤</td>
            <td bgcolor="#ffff00">200公斤</td>
            <td bgcolor="#800080">100公斤</td>
        </tr>
    </tbody>
</table>
</div>

heignt="400",好象已按内容自动调整了.

edit

上海邹敏贸易有限公司
诚信通档案: http://shzoumin.cn.alibaba.com/…

回复:边框尺寸设置[学习活动5] 发表于2007-07-11 09:48
谢谢纪老师!
您辛苦了!




tang2感谢纪老师专用帖,请勿他用.
edit

上海邹敏贸易有限公司
诚信通档案: http://shzoumin.cn.alibaba.com/…

回复:边框尺寸设置[学习活动5] 发表于2007-07-11 09:54
学习!
edit

健康产业的设计者,客户最佳合作伙伴

回复:边框尺寸设置[学习活动5] 发表于2007-07-11 09:55
苹果
香蕉
葡萄
定货单
200公斤200公斤100公斤
edit

上海兆科通用设备有限公司,主营各种大型水处理设备,同时代理格兰富水泵,米顿罗计量泵,e…

回复:边框尺寸设置[学习活动5] 发表于2007-07-11 09:58
定货单
苹果香蕉葡萄
200公斤200公斤100公斤
edit

上海兆科通用设备有限公司,主营各种大型水处理设备,同时代理格兰富水泵,米顿罗计量泵,e…

回复:边框尺寸设置[学习活动5] 发表于2007-07-11 10:57
苹果
香蕉
葡萄
定货单
200公斤200公斤100公斤
苹果
香蕉
葡萄
定货单
200公斤200公斤100公斤
edit

╭═══╮ ┌═════════┐
安阳荣泰║═║安钢集团板材代理商║**梦*有梦的…

回复:边框尺寸设置[学习活动5] 发表于2007-07-11 11:01
为何回复之前显示的效果是下面的,发出去就变了
定货单
苹果香蕉葡萄
200公斤200公斤100公斤
edit

╭═══╮ ┌═════════┐
安阳荣泰║═║安钢集团板材代理商║**梦*有梦的…

回复:边框尺寸设置[学习活动5] 发表于2007-07-11 11:19
产品名称规格
供应板材
中厚板Z向钢低合金锅炉板容器板高强度板造船板桥梁板
Q235Q345A/BZ-15Q34520G20RQ390CCSAQ345qC

 

 

谢谢纪斑了,学习起来也挻容易的呵,就在于坚持和努力了。

edit

╭═══╮ ┌═════════┐
安阳荣泰║═║安钢集团板材代理商║**梦*有梦的…

回复:边框尺寸设置[学习活动5] 发表于2007-07-11 11:36
很实用的东东。
edit

宇恒科技经营范围:办公设备销售与维护;办公耗材销售;网络设备销售与维护.期待与您的合作!网友培训中心…

回复:边框尺寸设置[学习活动5] 发表于2007-07-11 11:57
定货单
苹果香蕉葡萄
200公斤200公斤100公斤
edit

我相信明天会更好

回复:边框尺寸设置[学习活动5] 发表于2007-07-11 12:58
日期旅游地点
旅游日程
9-1111-1313-14
青岛黄山杭州
回复:边框尺寸设置[学习活动5] 发表于2007-07-11 16:56
edit

*网友培训中心欢迎你* http://club.china.alibaba.com/forum/t…

回复:边框尺寸设置[学习活动5] 发表于2007-07-11 17:36
带子
凉席
枕头
定货单
200付200付100付
<table border="10">
    <caption>定货单</caption>
    <tbody>
        <tr>
            <th>带子</th>
            <th>凉席</th>
            <th>枕头</th>
        </tr>
        <tr>
            <td>200付</td>
            <td>200付</td>
            <td>100付</td>
        </tr>
    </tbody>
</table>
edit

公司主要生产和贸易1.竹凉席机械成套设备.透明的白色带子.竹枕头,坐垫.竹凉席 2.…

回复:边框尺寸设置[学习活动5] 发表于2007-07-11 17:59
定货单
带子凉席枕头
200公斤200件200件
<div align="center">
<table style="COLOR: green" bordercolor="#33cccc" width="600" align="center" border="10" heignt="400">
    <caption>定货单</caption>
    <tbody>
        <tr>
            <td bgcolor="#006600">带子</td>
            <td bgcolor="#ff9900">凉席</td>
            <td bgcolor="#9900cc">枕头</td>
        </tr>
        <tr>
            <td bgcolor="#006600">200公斤</td>
            <td bgcolor="#ff9900">200件</td>
            <td bgcolor="#9900cc">200件</td>
        </tr>
    </tbody>
</table>
</div>
 
edit

公司主要生产和贸易1.竹凉席机械成套设备.透明的白色带子.竹枕头,坐垫.竹凉席 2.…

回复:边框尺寸设置[学习活动5] 发表于2007-07-11 18:02

   

edit

公司主要生产和贸易1.竹凉席机械成套设备.透明的白色带子.竹枕头,坐垫.竹凉席 2.…

回复:边框尺寸设置[学习活动5] 发表于2007-07-11 18:12

纪老师请喝一杯热茶~*
 
 
edit

公司主要生产和贸易1.竹凉席机械成套设备.透明的白色带子.竹枕头,坐垫.竹凉席 2.…

回复:边框尺寸设置[学习活动5] 发表于2007-07-11 20:11
桔子
苹果
梨子
订 单
200公斤200公斤100公斤
回复:边框尺寸设置[学习活动5] 发表于2007-07-12 04:54
定货单
苹果香蕉葡萄
200公斤200公斤100公斤
edit

苍南铝塑印制工艺厂专业生产各种印刷品、工艺品、礼品、各种证卡等,印刷品系列包括:宣传折页、画册海…

回复:边框尺寸设置[学习活动5] 发表于2007-07-12 05:00

纪老师
辛苦了
请喝茶

 

edit

苍南铝塑印制工艺厂专业生产各种印刷品、工艺品、礼品、各种证卡等,印刷品系列包括:宣传折页、画册海…

回复:边框尺寸设置[学习活动5] 发表于2007-07-12 07:54
定货单
苹果香蕉葡萄
200公斤200公斤100公斤
回复:边框尺寸设置[学习活动5] 发表于2007-07-12 10:23
型号单价箱数
销货清单
大号中号小号微型
8元6元4元2元
300箱300箱300箱300箱
这一课很实用 我收藏了

<table border>
 <caption align=top>旅游日程</caption>
 <tr>
   <th>日期</th><td>9-11</td><td>11-13</td><td>13-14</td>
 <tr>
   <th>旅游地点</th><td>青岛</td><td>黄山</td><td>杭州</td>
</table>

回复:边框尺寸设置[学习活动5] 发表于2007-07-12 10:25
  
9-1111-1313-14
青岛黄山杭州

<table border>
 <caption align=top></caption>
 <tr>
   <th></th><td>9-11</td><td>11-13</td><td>13-14</td>
 <tr>
   <th></th><td>青岛</td><td>黄山</td><td>杭州</td>
</table>

回复:边框尺寸设置[学习活动5] 发表于2007-07-12 10:49
日期旅游地点
旅游日程
9-1111-1313-14
青岛黄山杭州

<table border>
 <caption align=top>旅游日程</caption>
 <tr>
   <th>日期</th><td>9-11</td><td>11-13</td><td>13-14</td>
 <tr>
   <th>旅游地点</th><td>青岛</td><td>黄山</td><td>杭州</td>
</table>

这一课很实用  收藏了      多练习几次

报价单
品名规格单价
A-888813X130.98
edit

心中有花时时皆春,眼中有花处处明艳。 dorin123

回复:边框尺寸设置[学习活动5] 发表于2007-07-13 13:25
定货单
苹果香蕉葡萄
200公斤200公斤100公斤
edit

欢迎光临我的淘宝店铺:美丽从头开始 掌柜:李想世界 想想又开拍拍店铺:QQ:85596560想想…

回复:边框尺寸设置[学习活动5] 发表于2007-07-13 15:18
学习了·!
edit

健康.节能.环保.首选奥达空调!奥达以精益求精的服务质量以及全面的售后服务体系,真诚地为用户创造优质…

回复:边框尺寸设置[学习活动5] 发表于2007-07-13 15:19
日期旅游地点
旅游日程
9-1111-1313-14
青岛黄山杭州
edit

快速回复

 
登录名: 密码:      注册
标 题:     
内 容:

*如果您不能使用上面的HTML编辑器,请切换到普通编辑器

热门商机