-
- 商人论坛
- 商人论坛-阿里巴巴以商会友
楼主回复: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-11 | 11-13 | 13-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-11 | 11-13 | 13-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 08:17
| 20件 | 30件 | 10件 |
让我们成熟的，是经历的、是磨难的。让我们幸福的，是宽容的、是爱的。让我们心安的，是理解的、是信任的。…
回复:边框尺寸设置[学习活动5]
发表于2007-07-11 08:47
| 200公斤 | 200公斤 | 100公斤 |
现有水性聚氨酯＼水性脂肪族聚氨酯＼水性光油＼改性丙烯酸＼蜡乳液＼硝化光油＼两性溶剂＼消光光油\增稠…
回复:边框尺寸设置[学习活动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",好象已按内容自动调整了.
上海邹敏贸易有限公司 诚信通档案: http://shzoumin.cn.alibaba.com/ 主营:进口已烘焙咖啡豆,咖啡机.本公司…
回复:边框尺寸设置[学习活动5]
发表于2007-07-11 09:48
|
上海邹敏贸易有限公司 诚信通档案: http://shzoumin.cn.alibaba.com/ 主营:进口已烘焙咖啡豆,咖啡机.本公司…
回复:边框尺寸设置[学习活动5]
发表于2007-07-11 09:55
| 200公斤 | 200公斤 | 100公斤 |
上海兆科通用设备有限公司，主营各种大型水处理设备，同时代理格兰富水泵，米顿罗计量泵，eview人机…
回复:边框尺寸设置[学习活动5]
发表于2007-07-11 09:58
| 苹果 | 香蕉 | 葡萄 |
| 200公斤 | 200公斤 | 100公斤 |
上海兆科通用设备有限公司，主营各种大型水处理设备，同时代理格兰富水泵，米顿罗计量泵，eview人机…
回复:边框尺寸设置[学习活动5]
发表于2007-07-11 10:57
| 200公斤 | 200公斤 | 100公斤 |
| 200公斤 | 200公斤 | 100公斤 |
╭═══╮ ┌═════════┐ 安阳荣泰║═║安钢集团板材代理商║**梦*有梦的地方就有我*梦…
回复:边框尺寸设置[学习活动5]
发表于2007-07-11 11:01
为何回复之前显示的效果是下面的，发出去就变了
| 苹果 | 香蕉 | 葡萄 |
| 200公斤 | 200公斤 | 100公斤 |
╭═══╮ ┌═════════┐ 安阳荣泰║═║安钢集团板材代理商║**梦*有梦的地方就有我*梦…
回复:边框尺寸设置[学习活动5]
发表于2007-07-11 11:19
| 中厚板 | Z向钢 | 低合金 | 锅炉板 | 容器板 | 高强度板 | 造船板 | 桥梁板 |
| Q235 | Q345A/BZ-15 | Q345 | 20G | 20R | Q390 | CCSA | Q345qC |
谢谢纪斑了，学习起来也挻容易的呵，就在于坚持和努力了。
╭═══╮ ┌═════════┐ 安阳荣泰║═║安钢集团板材代理商║**梦*有梦的地方就有我*梦…
回复:边框尺寸设置[学习活动5]
发表于2007-07-11 11:36
很实用的东东。
宇恒科技经营范围:办公设备销售与维护;办公耗材销售;网络设备销售与维护.期待与您的合作!网友培训中心欢迎你…
回复:边框尺寸设置[学习活动5]
发表于2007-07-11 17:36
| 200付 | 200付 | 100付 |
<caption>定货单</caption>
<tbody>
<tr>
<th>带子</th>
<th>凉席</th>
<th>枕头</th>
</tr>
<tr>
<td>200付</td>
<td>200付</td>
<td>100付</td>
</tr>
</tbody>
</table>
公司主要生产和贸易1.竹凉席机械成套设备.透明的白色带子.竹枕头,坐垫.竹凉席 2.茶叶(铁观音) 联系…
回复:边框尺寸设置[学习活动5]
发表于2007-07-11 17:59
<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> | ||||||
公司主要生产和贸易1.竹凉席机械成套设备.透明的白色带子.竹枕头,坐垫.竹凉席 2.茶叶(铁观音) 联系…
回复:边框尺寸设置[学习活动5]
发表于2007-07-11 18:12
|
| ： |
公司主要生产和贸易1.竹凉席机械成套设备.透明的白色带子.竹枕头,坐垫.竹凉席 2.茶叶(铁观音) 联系…
回复:边框尺寸设置[学习活动5]
发表于2007-07-12 04:54
| 苹果 | 香蕉 | 葡萄 |
| 200公斤 | 200公斤 | 100公斤 |
苍南铝塑印制工艺厂专业生产各种印刷品、工艺品、礼品、各种证卡等，印刷品系列包括：宣传折页、画册海报…
回复:边框尺寸设置[学习活动5]
发表于2007-07-12 05:00
|
苍南铝塑印制工艺厂专业生产各种印刷品、工艺品、礼品、各种证卡等，印刷品系列包括：宣传折页、画册海报…
- lanlan29778
- 打个招呼 秀才二级
- 24楼
- 复制 引用
回复:边框尺寸设置[学习活动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>
- lanlan29778
- 打个招呼 秀才二级
- 25楼
- 复制 引用
回复:边框尺寸设置[学习活动5]
发表于2007-07-12 10:25
| 9-11 | 11-13 | 13-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>
- lanlan29778
- 打个招呼 秀才二级
- 26楼
- 复制 引用
回复:边框尺寸设置[学习活动5]
发表于2007-07-12 10:49
| 9-11 | 11-13 | 13-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 17:02
| 品名 | 规格 | 单价 |
| A-8888 | 13X13 | 0.98 |
心中有花时时皆春，眼中有花处处明艳。 dorin123 http://detail.china.alibaba.com/c…
回复:边框尺寸设置[学习活动5]
发表于2007-07-13 15:18
学习了·！
健康.节能.环保.首选奥达空调!奥达以精益求精的服务质量以及全面的售后服务体系，真诚地为用户创造优质室内…
回复:边框尺寸设置[学习活动5]
发表于2007-07-13 15:19
| 9-11 | 11-13 | 13-14 |
| 青岛 | 黄山 | 杭州 |
http://shop33922437.taobao.com/电视直销产品。手机:13795384170 QQ：327324355 lisa19801022@163.com …
香蕉
葡萄