|
表格标记详解★TR参数设定 |
|
HTML表格标签<TR>的参数设定（常用）： |
|
标记属性 |
基本语法释义 |
代码实例 |
效果 |
|
ALIGN
行内容的
水平对齐 |
在水平方向上，可以设定行的对齐方式，分别有居左、居中、居右3种。
基本语法
<TR ALIGN="LEFT">
<TR ALIGN="CENTER">
<TR ALIGN="RIGHT">
语法解释
LEFT为居左，CENTER为居中，RIGHT为居右。 |
<TABLE BORDER=2 WIDTH=80 HEIGHT=200 Bordercolor=#003333>
<TR ALIGN=LEFT>
<TD>文本</TD><TD>文本</TD>
</TR>
<TR ALIGN=CENTER>
<TD>文本</TD><TD>文本</TD>
</TR>
<TR ALIGN=RIGHT>
<TD>文本</TD><TD>文本</TD>
</TR>
</TABLE> |
|
|
VALIGN
行内容的
垂直对齐 |
在垂直方向上，可以设定行的对齐方式，分别有居上、居中、居下3种。
基本语法
<TR VALIGN="TOP">
<TR VALIGN="MIDDLE">
<TR VALIGN="BOTTOM">
语法解释
TOP为居上，MIDDLE为居中，BOTTOM为居下。 |
<TABLE BORDER=2 WIDTH=80 HEIGHT=200 Bordercolor=#003333>
<TR VALIGN=TOP>
<TD>文本</TD><TD>文本</TD>
</TR>
<TR VALIGN=MIDDLE>
<TD>文本</TD><TD>文本</TD>
</TR>
<TR VALIGN=BOTTOM>
<TD>文本</TD><TD>文本</TD>
</TR>
</TABLE> |
|
|
BORDERCOLOR
行的边框色属性 |
为了美化表格，可以为行设定不同的边框颜色。
基本语法
<TR Bordercolor=corder_VALUE>
语法解释
定义颜色的时候，可以使用英文颜色名称或十六进制颜色值表现。 |
<TABLE BORDER=2 WIDTH=80 HEIGHT=20 Bordercolor=#003333>
<TR Bordercolor=#336699>
<TD>文本</TD><TD>文本</TD>
</TR>
<TR Bordercolor=#336699>
<TD>文本</TD><TD>文本编辑</TD>
</TR>
<TR Bordercolor=#336699>
<TD>文本</TD><TD>文本</TD>
</TR>
</TABLE> |
|
|
BORDERCOLORLIGHT
行的亮边框色属性
BORDERCOLORDARK
行的暗边框色属性 |
在行中，可以单独定义亮边框色、暗边框色。
基本语法
<TR Bordercolorlight=color_VALUE>
<TR Bordercolordark=color_VALUE>
语法解释
定义颜色的时候，可以使用英文颜色名称或十六进制颜色值表现。 |
<TABLE borderColor=#003333 height=20 width=80 border=2>
<TBODY>
<TR borderColorLight=#336699>
<TD>文本</TD>
<TD>文本</TD></TR>
<TR borderColor=#336699>
<TD>文本</TD>
<TD>文本</TD></TR>
<TR borderColor=#336699>
<TD>文本</TD>
<TD>文本</TD></TR></TBODY></TABLE> |
|
|
BGCOLOR
行的背景色属性 |
通过BGCOLOR属性，可以设定行的背景颜色。
基本语法
<TR BGcolor=color_value>
语法解释
定义颜色的时候，可以使用英文颜色名称或十六进制颜色值表现。 |
<TABLE BORDER=2 WIDTH=80 HEIGHT=20 Bordercolor=#003333>
<TR Bordercolor=#336699 BGcolor=#330033>
<TD>文本</TD><TD>文本</TD>
</TR>
<TR Bordercolor=#336699 BGcolor=#330033>
<TD>文本</TD><TD>文本</TD>
</TR>
<TR Bordercolor=#336699 BGcolor=#330033>
<TD>文本</TD><TD>文本</TD>
</TR>
</TABLE>
|
|
|
http://jxry988.360doc.com 吉祥如意988-360doc个人图书馆 |
|
