文档章节

table-02(colgroup)

0000001
 0000001
发布于 2014/06/28 10:49
字数 276
阅读 47
收藏 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
粉丝 34
博文 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学习之表格属性

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

zhangtainren
2015/11/20
0
0
HTML 表格元素

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

xiaoxiaobukuang
2017/10/09
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Jmeter参数的AES加密使用

在Jmeter日常实践中,大家应该都遇到过接口传参需要加密的情况。以登陆为例,用户名和密码一般都需要进行加密传输,在服务端再进行解密,这样安全系数会更高,但在使用jmeter进行接口测试的时...

程序猿拿Q
5分钟前
0
0
MYSQL 日期函数 Date and Time Functions

Table 12.13 Date and Time Functions Name Description ADDDATE() Add time values (intervals) to a date value ADDTIME() Add time CONVERT_TZ() Convert from one time zone to another ......

_liucui_
12分钟前
0
0
Android代码混淆ProGuard工作原理简介

ProGuard能够对Java类中的代码进行压缩(Shrink),优化(Optimize),混淆(Obfuscate),预检(Preveirfy)。    1. 压缩(Shrink): 在压缩处理这一步中,用于检测和删除没有使用的类,字段...

SuShine
14分钟前
0
0
Idea 2018激活

教程地址: https://www.52pojie.cn/thread-781394-1-1.html 亲测可用

一个不正经的程序员
20分钟前
0
0
Android组件化开发实践和案例分享

目录介绍 1.为什么要组件化 1.1 为什么要组件化 1.2 现阶段遇到的问题 2.组件化的概念 2.1 什么是组件化 2.2 区分模块化与组件化 2.3 组件化优势好处 2.4 区分组件化和插件化 2.5 applicatio...

潇湘剑雨
20分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部