HTML TABLE

最新推荐文章于 2022-05-14 09:10:19 发布

czhaozhi3758

最新推荐文章于 2022-05-14 09:10:19 发布

阅读量118

点赞数 1

分类专栏： html基础文章标签： HTML

html基础专栏收录该内容

3 篇文章 0 订阅

订阅专栏

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>

czhaozhi3758

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
HTML TABLE

1.table的主要属性 align 定义表格的对齐方式，有三个属性值center，left，right background 定义表格的背景图案，属性值为图片的地址 bgcolor 定义表格的背景颜色，属性值是各种颜色代码 border=0 定义表格的边框宽度，属性值是数字 bordercolor 定义表格边框的颜色，属性值是各种颜色代码 cell...
复制链接

扫一扫

专栏目录