直列化格式
<colgroup>...</colgroup>
属性名称 属性值 说明
align left 靠左
center 靠中
right 靠右
valign top 靠上
middle 靠中
bottom 靠下
span 数字 直列数
bgcolor 颜色 背景颜色
个别直列设置
格式:<col>功能完全和<colgroup>一样
<!--注意设置第一行的DOCTYPE为xhtml会导致colgroup失效-->
XML/HTML Code复制内容到剪贴板- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <title>表格的直列化格式</title>
- </head>
- <body>
- <table cellpadding="5px" cellspacing="0px" border="1px" bordercolor="black">
- <!--说明：用两组colgroup标签来控制整个第三列显示为红色
- 第一组colgroup中的span="2"相当于一个占位符，这样第三列(数学这一整列)就会显示为红色
- 同理，如果设置span="3",则第四列(英语这一整列)会显示为红色
- <colgroup span="2"></colgroup>
- <colgroup bgcolor="red"></colgroup>
- -->
- <!--<col>功能完全和<colgroup>一样
- 设置<col>标签达到和<colgroup>一样的功能
- 这里加了一个align="right"单独设置第三列(数学这一整列)右对齐
- -->
- <col span="2" />
- <col bgcolor="red" align="right" />
- <caption align="left">学生成绩表</caption>
- <tr>
- <th>姓名</th>
- <th>语文</th>
- <th>数学</th>
- <th>英语</th>
- </tr>
- <tr>
- <td>张三</td>
- <td>90</td>
- <td>89</td>
- <td>99</td>
- </tr>
- <tr>
- <td>李四</td>
- <td>98</td>
- <td>92</td>
- <td>96</td>
- </tr>
- <tr>
- <td>王五</td>
- <td>92</td>
- <td>97</td>
- <td>91</td>
- </tr>
- <tr>
- <td>总分</td>
- <td>200</td>
- <td>200</td>
- <td>200</td>
- </tr>
- </table>
- </body>
- </html>
以上就是小编为大家带来的HTML table 直列化格式详解的全部内容了，希望对大家有所帮助，多多支持~
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒 经典版》的玩家都可以获得奖励。