首页 > Web开发 > 详细

HTML表格标记教程(17):表格标题垂直对齐属性VALIGN

时间:2015-11-30 15:55:19      阅读:230      评论:0      收藏:0      [点我收藏+]

表格的标题可以放在表格的上方或者下方,这可以通过属性进行调整。默认的表格标题放在表格上方。
基本语法
<Caption VALIGN="top">…</Caption>
<Caption VALIGN="bottom“> …</Caption>
语法解释
TOP为居上,BOTTOM为居底。
文件范例:10-16.htm
通过<CAPTION>标记的VALIGN属性设定表格标题的垂直对齐。
01 <!-- ------------------------------ -->
02 <!-- 文件范例:10-16.htm -->
03 <!--文件说明:设定表格标题的垂直对齐-->
04 <!-- ------------------------------ -->
05 <HTML>
06 <HEAD>
07 <TITLE>设定表格标题的垂直对齐</TITLE>
08 </HEAD>
09 <BODY>
10 <TABLE BORDER=3 WIDTH=400 HEIGHT=100 Bordercolor=#336699 ALIGN="CENTER">
11 <CAPTION VALIGN="BOTTOM" ALIGN="RIGHT">主流的网页设计软件</CAPTION>
12 <TR>
13 <TD>网页图像软件</TD><TD>Fireworks</TD>
14 </TR>
15 <TR>
16 <TD>网页制作软件</TD><TD>Dreamweaver</TD>
17 </TR>
18 <TR>
19 <TD>网页动画软件</TD><TD>Flash</TD>
20 </TR>
21 </TABLE>
22 </BODY>
23 </HTML>
文件说明
第11行定义了表格标题文字居底部右对齐。

HTML表格标记教程(17):表格标题垂直对齐属性VALIGN

原文:http://www.jb51.net/web/6558.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!