六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 134|回复: 0

HTML TABLE

[复制链接]

升级  1.33%

58

主题

58

主题

58

主题

举人

Rank: 3Rank: 3

积分
204
 楼主| 发表于 2013-2-7 19:22:28 | 显示全部楼层 |阅读模式
1.table的主要属性
align  定义表格的对齐方式,有三个属性值center,left,right
background 定义表格的背景图案,属性值为图片的地址
bgcolor 定义表格的背景颜色,属性值是各种颜色代码
border=0 定义表格的边框宽度,属性值是数字
bordercolor 定义表格边框的颜色,属性值是各种颜色代码
cellpadding=0 定义单元格内容与单元格边框之间的距离,属性值是数字
cellspacing=0 定义表格中单元格之间的距离
width="200/50%"  定义表格的宽度,属性值是数字

  
2.tr的主要属性
align="left|center|right" 定义表格行的内容对齐方式
valign="top|middle|bottom|baseline" 规定表格行中内容的垂直对齐方式
bgcolor 表格行的背景颜色
bordercolor  表格行框线的颜色
bordercolordark 表格行框线的暗面颜色
bordercolorlight  表格行框线的亮面颜色

3.td的主要属性
align="left|center|right" 单元格文字的对齐
valign="top|middle|bottom|baseline" 单元格文字的垂直对齐
width="value_or_percent" 单元格的宽度,可以用点数或百分比表示
height="value_or_percent" 单元格的高度,可以用点数或百分比表示
background="image_file" 单元格的背景图案
bgcolor 单元格的背景颜色
bordercolor 单元格框线的暗面颜色
bordercolordark 单元格框线的暗面颜色
bordercolorlight 单元格框线的亮面颜色
nowarp 单元格不因单元格宽度,而进行文字的换行。
rowspan=2 表格的行合并属性
colspan=2 表格的列合并属性
<html>                           <head>                          <title>设定表格相关属性</title>           </head> <body> <fieldset style="width:80%" align="center"><legend> 无名表格 </legend>  <table border=1 width=80% cellpadding=0 cellspacing=0>     <tr>       <td rowspan=2>        </tr>         <tr >           <td align="center">设置表格</td>           <td align="center">            <table border=1 width=80% cellpadding=0 cellspacing=0>         <tr bgcolor=yellow>           <th>tr标记的属性</th><th>说明</th>          </tr>           <tr bodercolor=red>           <td align="right">align="left|center|right"</td><td>              单元格文字的对齐</td>         </tr>         <tr>             <td  valign=top align="right">valign="top|middle|bottom|baseline"</td>               <td align="left">单元格文字的垂直对齐<BR>              单元格文字的垂直对齐<BR>              单元格文字的垂直对齐<BR>              单元格文字的垂直对齐<BR>                            </td>              </tr>             <tr align=left>             <td>bgcolor=#009900</td>            <td bgcolor=#009900> 表格行的背景颜色</td>           </tr>           <tr align=right>           <td>bordercolor=#9400D3</td>          <td bordercolor=#9400D3>表格行框线的颜色</td>         </tr>           </table>           </td>        </tr>   </table>  </fieldset> </body> </html>
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表