HTML: <col> span 属性

由网友 大卫 发布 阅读 7

HTML: <col> span 属性

本文介绍HTML col span 属性的使用方法,在线实例演示如何使用HTML col span 属性、浏览器的兼容性、语法定义及它的属性值详细资料等。span属性定义 <col>元素应跨越的列数。

 HTML <col> 标签

在线示例

在这里,前两列背景颜色为蓝色:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML <col> span 属性使用-大卫编程网(div.cn)</title>
<style>table, th, td {  border: 1px solid black;}</style>
</head>
<body>
<table>
  <colgroup>
    <col span="2" style="background-color:blue">
    <col style="background-color:pink">
  </colgroup>
  <tr>
    <th>ISBN</th>
    <th>Title</th>
    <th>Price</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>My first HTML</td>
    <td>$53</td>
  </tr>
  <tr>
    <td>5869207</td>
    <td>My first CSS</td>
    <td>$49</td>
  </tr>
</table>
</body>
</html>
测试看看 ‹/›

浏览器兼容性

IEFirefoxOperaChromeSafari

所有主流浏览器都支持 span 属性。

定义和用法

span 属性规定 col 元素应该横跨的列数。

HTML 4.01 与 HTML5之间的差异

NONE.

语法

<col span="number">

属性值

描述
number设置 col 元素应该横跨的列数。
 HTML <col> 标签

HTML: <col> valign 属性 HTML: <body> alink 属性