中国领先的工业平台

返回贤集网 返回微头条
贤集网技术微头条APP获取

HTML教程 第四章 table表格(二)

 山东大明消毒科技有限公司

下载贤集网APP入驻自媒体

表格内文字的对齐/布局



  表格中数据的排列方式有两种,分别是左右排列和上下排列。左右排列是以ALIGN属性
来设置,而上下排列则由VALIGN属性来设置。其中左右排列的位置可分为三种:居左(left)
居右(right)和居中(center);而上下排列基本上比较常用的有四种:上齐(top)
居中(middle)、下齐(bottom)和基线(baseline)。


  #=left, center, right




  #=top,middle,bottom,baseline


左右排列



  

  <td align=left>A <td align=center>B <td align=right>C
居左 居中 居右

显示结果:

居左居中居右
ABC



上下排列



    

    <td valign=top>A <td valign=middle>B <td valign=bottom>C <td valign=baseline>D
上齐 居中 下齐 基线

显示结果:

    上齐居中下齐基线
    ABCD


跨多行、多列的表元

  要创建跨多行、多列的表元,只需在 或 中加入ROWSPAN或COLSPAN属性,这两个属性的值,表明了表元中要跨越的行或列的个数。

 跨多列的表元
  colspan表示跨越的列数,例如colspan=2表示这一格的宽度为两个列的宽度。

 跨多行的表元  
  rowspan所要表示的意义是指跨越的行数,例如rowspan=2就表示这一格跨越表格两个行的高度。


跨多列的表元



表格TABLE


																					
值班人员
星期一 星期二 星期三
李强 张明 王平
显示结果
值班人员
星期一星期二星期三
李强张明王平


跨多行的表元

表格TABLE


																										
值班人员 星期一 星期二 星期三
李强 张明 王平
显示结果
值班人员星期一星期二星期三
李强张明王平

在表格中,既可以对整个表格填入底色,也可以对任何一行、一个表元使用背景色。

  表格的背景色彩   

  行的背景色彩    

  表元的背景色彩   

  #=rrggbb 16进制 RGB数码, 或者是下列预定义色彩名称:
  Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime, Fuchsia, White, Green, Purple, Silver, Yellow, Aqua



例:







<tr bgcolor=yellow>

彩电 冰箱 家电 A B


显示结果

彩电冰箱家电
AB


最新回复

还没有人回复哦,抢沙发吧~

发布回复

为您推荐

热门交流

  • 意见被贤集网采纳后,贤集网赠送一张限量版的U盘会员卡!
  • [关闭]