HTML TABLE

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>

你可能感兴趣的:(html)