文档章节

table-02(colgroup)

0000001
 0000001
发布于 2014/06/28 10:49
字数 276
阅读 46
收藏 0

<!DOCTYPE html>
<html>
<head>
 <meta charset="UTF-8">
 <title>table</title>
 <link rel="stylesheet" href="">
 <script type="text/javascript"></script>
 <style type="text/css">
 /*CSS Reset*/
 body{ font:12px/1.5 Verdana,Geneva,Arial,Helvetica,sans-serif;}
 body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,form,fieldset,legend,button,input,textarea{ outline:medium none; padding:0; margin:0;}
 ul,ol{ list-style:none;}
 a{ text-decoration:none;}
 img{ border:none; display:block;}
 em,i{ font-style:normal;}
 s{ display:inline-block; overflow:hidden; }
 input{ vertical-align:middle;}
 /*TAB*/
 .tab table{ width:750px; border-collapse:collapse; border:1px solid #666; color:#fff;}
 .tab .bg1{ width:100px; background:#f00; }
 .tab .bg2{ background:blue;}
 .tab td{ border:1px solid #666; line-height:24px; padding:8px;}
 </style>
</head>
<body>
 <div>
  <table>
   <colgroup span="2">
    <col></col>
    <col></col>
   </colgroup>
   <colgroup span="2">
    <col ></col>
    <col></col>
   </colgroup>
   <tr>
    <th colspan="2">标题1</th>
    <th colspan="2">标题2</th>
   </tr>
   <tr>
    <td>标题1:</td>
    <td>内容1</td>
    <td>标题2:</td>
    <td>内容2:</td>
   </tr>
   <tr>
    <td>标题1:</td>
    <td>内容1</td>
    <td>标题2:</td>
    <td>内容2:</td>
   </tr>
   <tr>
    <td>标题1:</td>
    <td>内容1</td>
    <td>标题2:</td>
    <td>内容2:</td>
   </tr>
   <tr>    <td>标题1:</td>
    <td>内容1</td>
    <td>标题2:</td>
    <td>内容2:</td>
   </tr>
   <tr>
    <td>标题1:</td>
    <td>内容1</td>
    <td>标题2:</td>
    <td>内容2:</td>
   </tr>
  </table>
 </div>
</body>
</html>

© 著作权归作者所有

共有 人打赏支持
0000001
粉丝 35
博文 141
码字总数 46256
作品 0
朝阳
前端工程师
加载中

评论(1)

0000001
0000001
什么意思?
HTML5新增标签(二)

table新增 table新增以下标签 <table summary="财务表格" border="1"><!--summary让浏览器识别--> <caption>财务表格</caption> <colgroup> <col width=""><!--自动平均分配--> <col width=......

博为峰教研组
2016/12/22
2
0
Html中的table包括 caption、col、colgroup、thead、tfoot 以及 tbody

HTML <table> 标签 定义和用法 <table> 标签定义 HTML 表格。 简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。 tr 元素定义表格行,th 元素定义表头,td 元素定义表格...

随智阔
2013/02/27
0
0
精通HTML表格的使用

制作网页表格,需要使用table标签。 用好table标签并不容易,复杂的表格做起来就很麻烦,比如下面这张表。 我整理了一些HTML表格的高级语法。你可以看看,自己会用多少? 1. 标题和内容描述 ...

阮一峰
2009/05/10
0
0
HTML 表格元素

学习要点 表格元素汇总 构建表格解析 一、表格元素汇总 表格的基本构成最少需要三个元素:< table >、< tr >、< td >,其他的一些作为可选铺助存在。 二、构建表格解析 1、table、tr、td构建...

xiaoxiaobukuang
2017/10/09
0
0
HTML学习之表格属性

表格的基本元素 定义行标签 定义列标签 表格内的表头单元格 定义在thead下的标签不论在HTML代码中你放置在什么位置都会以表头形式显示 同理 以及。 分别表示,表体,表脚。 表的标题 用来设置...

zhangtainren
2015/11/20
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Bytom资产发行与部署合约教程

比原项目仓库: Github地址:https://github.com/Bytom/bytom Gitee地址:https://gitee.com/BytomBlockchain/bytom 发行资产 在比原链上发行资产比较方便快捷,使用节点的dashboard图形界面...

比原链Bytom
12分钟前
0
0
Ext ComboBox 实现下拉多选,全选,反选

Ext ComboBox下拉选中-全选反选逻辑处理 Ext ComboBox 实现下拉多选,全选,反选 方法一: 代码 var me = this;var isMultiSelect = true;//是否设置为下拉多选me.selectValues = [];//保存...

javaART
15分钟前
0
0
Swoole Windows 版(4.2.1)

https://pan.baidu.com/s/1uTm77_cp4kn0_xMgO1DpIw Swoole Windows 版(内部版本,swoole-4.2.1,php-7.1,必须为64位系统,Win7或更高版本)。 解压后,将 $dir/bin 目录,设置到 系统的环境...

老查
17分钟前
0
0
美团点评上市受追捧,成中国第四大互联网企业

从建立到上市,蔚来用了不到4年,拼多多3年,趣头条更是仅用了2年3个月。在这波中概股上市浪潮中,等待了漫长8年的美团点评也终于迎来登陆资本市场的时刻。20日上午,美团创始人兼CEO王兴终于...

Mr_zebra
18分钟前
0
0
Mysql-mybatis批量插入

话不多说直接上代码吧 <insert id="batchSave" >insert into table_name (`name`,age)values<foreach collection="list" index="index" item="item" open="(" separator="," close=......

落叶清风
24分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部