文档章节

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>

© 著作权归作者所有

共有 人打赏支持
下一篇: table-样式1
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

没有更多内容

加载失败,请刷新页面

加载更多

phpstorm xdebug 配置

xdebug方便了调试代码,比起一个一个地方的打印结果还是debug看的更明白下面介绍下maxOS系统下的debug配置 下载 https://xdebug.org/download.php 点击红线部分进入,粘贴phpinfo()信息推荐适...

被猪拱了的JAVA
24分钟前
2
0
Golang学习笔记(1)

基本知识 golang的文件格式以go结尾。 运行方式 go run main.go 用于开发调试使用 编译成二进制文件 go build main.go 会生成一个可执行的二进制文件 变量 变量定义的形式 Golang的变量定义有...

ExtreU
38分钟前
1
0
基于Kafka构建事件溯源模式的微服务

概要 本文中我们将讨论如何借助Kafka实现分布式消息管理,使用事件溯源(Event Sourcing)模式实现原子化数据处理,使用CQRS模式(Command-Query Responsibility Segregation )实现查询职责...

架构师springboot
44分钟前
1
0
git上传项目步骤

https://blog.csdn.net/m0_37725003/article/details/80904824

fame_yao
45分钟前
1
0
NOOBS自定义安装多系统

一、预置条件: 宿主系统是win10_x64 virtual box 虚拟机,安装了centos7 树莓派的系统安装工具:NOOBS_v2_9_0.zip,镜像文件 二、根据镜像文件生成boot.tar.xz 和root.tar.xz 1、设置共享目...

mbzhong
55分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部