1 表格的基本结构
  
   
表格是由指定数目的行或列组成的,至少应有

三对标签。

1$

标签(略)

2$

标签(略)

3$

标签中使用colspan属性(跨列)rowspan(跨行)属性

  
注意:将跨多列或跨多行的单元格看成多个单元格,而单元格的个数就是
        
所跨的列数或行数,只要保证各行的单元格的列数相同,就不会出
        
现空白区域。

3 表格的美化修饰

1)设置表格的尺寸和边框(略)

 
如:
  width=”
表格宽度” height=”表格高度 border=”边框宽度
           bordercolor=”red”
>
 

标签(略)


4$ border属性适用于所有表格标签,默认值为0(无边框)

5$ 如何创建表格

语法:


        
          
        
      
单元格内容


2 跨多行多列的表格(略)

   



  注意:表格标签中的border属性只能影响表格四周的边框
       
度,而不能影响单元格中的边框宽度。

       
美观考虑,表格边框一般不超过5像素

   bordercolor
:指定边框颜色
   width
:指定表格宽度,可以用像素为单位,也可以用百分比“%

2)设置表格中的背景

1$ 设置整个表格的背景

如:

bgcolor=”整个表格背景颜色
                    background=”
背景图像地址>
 


2$ 设置行背景

  
行的bgcolor颜色可以覆盖

bgcolorbackground属性

如:bgcolor=”行的背景颜色>…

不能再行中设置background属性,只能在

3)设置单元格的对齐方式
  
  
单元格中的水平对齐使用align属性
                            
默认为left 还有left right

  
单元格中的垂直对齐使用valign属性:
                            
默认为middle 还有top bottom

4)设置单元格的填充、间距属性

  
使表格内框宽度变宽,使用TD标签的:cellspacing(间距)属性
  
使文字与边框的距离拉大,使用TD标签的:cellpadding(填充)属性

4 表格用于布局(略)

你可能感兴趣的:(职场,HTML,休闲,HTML&CSS)

中设置

3$ 设置单元格背景

  
如:
     bgcolor=”
单元格的背景颜色>单元格内容