各式各样table
<html>
<head>
<title>大清帝国</title>
<meta name="keywords" content="大清帝国之康熙大帝">
<meta name="description" content="大清帝国之康熙大帝">
<meta http-equiv="content-type" content="text/html;charset=utf-8 ">
</head>
<body>
<center>
<ol>
<li>基本表格</li><!-- border表格边框--><!-- bordercolor表格边框颜色--><!--cellspacing表格边框间距-->
<table width="300" border="1" bordercolor="black" cellspacing="0">
<tr>
<td>百度</td>
<td>谷歌</td>
<td>搜狗</td>
</tr>
<tr>
<td>优酷</td>
<td>土豆</td>
<td>酷6</td>
</tr>
<tr>
<td>163</td>
<td>126</td>
<td>新浪</td>
</tr>
</table>
<li>无边框表格</li>
<table width="300" border="0" bordercolor="black" cellspacing="0">
<tr>
<td>百度</td>
<td>谷歌</td>
<td>搜狗</td>
</tr>
<tr>
<td>优酷</td>
<td>土豆</td>
<td>酷6</td>
</tr>
<tr>
<td>163</td>
<td>126</td>
<td>新浪</td>
</tr>
</table>
<li>双线表格</li>
<table width="300" border="1" bordercolor="black" cellspacing="1">
<tr>
<td>百度</td>
<td>谷歌</td>
<td>搜狗</td>
</tr>
<tr>
<td>优酷</td>
<td>土豆</td>
<td>酷6</td>
</tr>
<tr>
<td>163</td>
<td>126</td>
<td>新浪</td>
</tr>
</table>
<li>合并多列表格</li>
<table width="300" border="1" bordercolor="black" cellspacing="1">
<tr>
<td colspan="3" align="center">百度</td><!--colspan合并列单元格-->
</tr>
<tr>
<td>优酷</td>
<td>土豆</td>
<td>酷6</td>
</tr>
<tr>
<td>163</td>
<td>126</td>
<td>新浪</td>
</tr>
</table>
<li>合并多行表格</li>
<table width="300" border="1" bordercolor="black" cellspacing="1">
<tr>
<td rowspan="3">百度</td><!--rowspan合并多列单元格-->
<td>谷歌</td>
<td>搜狗</td>
</tr>
<tr>
<td>土豆</td>
<td>酷6</td>
</tr>
<tr>
<td>126</td>
<td>新浪</td>
</tr>
</table>
<li>复杂表格1</li>
<table width="300" border="1" bordercolor="black" cellspacing="1">
<tr>
<td>百度</td>
<td colspan="2">谷歌</td>
</tr>
<tr>
<td>优酷</td>
<td rowspan="2">土豆</td>
<td>酷6</td>
</tr>
<tr>
<td>163</td>
<td>新浪</td>
</tr>
</table>
<li>复杂表格2</li>
<table width="300" border="1" bordercolor="black" cellspacing="1">
<tr>
<td>百度</td>
<td>谷歌</td>
<td>搜狗</td>
</tr>
<tr>
<td colspan="2">优酷</td>
<td rowspan="2">酷6</td>
</tr>
<tr>
<td>163</td>
<td>126</td>
</tr>
</table>
<li>突起表格</li>
<table width="300" border="1" bordercolor="black" cellpadding="5" cellspacing="1" bgcolor="gray" bordercolorlight="black" bordercolordark="white">
<tr>
<td>百度</td>
<td>谷歌</td>
<td>搜狗</td>
</tr>
<tr>
<td>优酷</td>
<td>土豆</td>
<td>酷6</td>
</tr>
<tr>
<td>163</td>
<td>126</td>
<td>新浪</td>
</tr>
</table>
<li>凹陷表格</li>
<table width="300" border="1" bordercolor="black" cellpadding="5" cellspacing="1" bgcolor="gray" bordercolorlight="white" bordercolordark="black">
<tr>
<td>百度</td>
<td>谷歌</td>
<td>搜狗</td>
</tr>
<tr>
<td>优酷</td>
<td>土豆</td>
<td>酷6</td>
</tr>
<tr>
<td>163</td>
<td>126</td>
<td>新浪</td>
</tr>
</table>
<li>突起表格</li>
<table width="300" border="0" bgcolor="blue" bordercolor="black" cellpadding="5" cellspacing="1">
<tr bgcolor="white">
<td>百度</td>
<td>谷歌</td>
<td>搜狗</td>
</tr>
<tr bgcolor="white">
<td>优酷</td>
<td>土豆</td>
<td>酷6</td>
</tr>
<tr bgcolor="white">
<td>163</td>
<td>126</td>
<td>新浪</td>
</tr>
</table>
</ol>
<center>
</body>
各式各样table的更多相关文章
- php 使用table方式导出excel文件
这些天在使用PHPExcel导出数据时,5000条数据竟然挂了.后来跟同事聊聊,有些明悟,PHPExcel做了很多处理,我在这里理解为渲染,就会暂用过多的空间,‘膨胀’的空间导致内存暂用过大,就挂了. ...
- 使用 data.table 包操作数据
在第一节中,我们回顾了许多用于操作数据框的内置函数.然后,了解了 sqldf 扩展包,它使得简单的数据查询和统计变得更简便.然而,两种方法都有各自的局限性.使用内置函数可能既繁琐又缓慢,而相对于各式各 ...
- Table 组件构建过程中遇到的问题与解决思路
在 GearCase 开源项目构建 Table 组件的过程中.遇到了各式各样的问题,最后尝试了各种方法去解决这些问题. 遇到的部分问题 checkbox 的全选和半选问题 table 组件的排序请求方 ...
- 散列表(hash table)——算法导论(13)
1. 引言 许多应用都需要动态集合结构,它至少需要支持Insert,search和delete字典操作.散列表(hash table)是实现字典操作的一种有效的数据结构. 2. 直接寻址表 在介绍散列 ...
- React使用antd Table生成层级多选组件
一.需求 用户对不同的应用需要有不同的权限,用户一般和角色关联在一起,新建角色的时候会选择该角色对应的应用,然后对应用分配权限.于是写了一种实现的方式.首先应用是一个二级树,一级表示的是应用分组,二级 ...
- 创建几个常用table展示方式插件
这次和大家分享的是自己写的一个table常用几种展示格式的js插件取名为(table-shenniu),样式使用的是bootstrap.min.css,还需要引用jquery.min.js包,这个插件 ...
- html中table边框属性
1.向右(横向)合并: <td colspan="5"><span>后台管理系统</span></td> 2.向下(纵向)合并: & ...
- MySQL中You can't specify target table for update in FROM clause一场
mysql中You can't specify target table <tbl> for update in FROM clause错误的意思是说,不能先select出同一表中的某些值 ...
- 打印Lua的Table对象
小伙伴们再也不用为打印lua的Table对象而苦恼了, 本人曾也苦恼过,哈哈 不过今天刚完成了这个东西, 以前在网上搜过打印table的脚本,但是都感觉很不理想,于是,自己造轮子了~ 打印的效果,自己 ...
随机推荐
- 转载：windows的mysql提权方式
mysql提权语句归纳如下: 一 UDF提权 这类提权方法我想大家已经知道了,我大致写一下,具体语句如下: create function cmdshell returns string soname ...
- ALV详解：Function ALV（一）
声明:原创作品,转载时请注明文章来自SAP师太技术博客( 博/客/园www.cnblogs.com):www.cnblogs.com/jiangzhengjun,并以超链接形式标明文章原始出处,否则将 ...
- [C和指针]第三部分
声明:原创作品,转载时请注明文章来自SAP师太技术博客( 博/客/园www.cnblogs.com):www.cnblogs.com/jiangzhengjun,并以超链接形式标明文章原始出处,否则将 ...
- HDU 5835 Danganronpa（弹丸论破）
Danganronpa(弹丸论破) Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/65536 K (Java/Other ...
- python_way,day4 内置函数（callable，chr，随机验证码，ord），装饰器
python_way,day4 1.内置函数 - 下 制作一个随机验证码 2.装饰器 1.内置函数 - 下 callable() #对象能否被调用 chr() #10进制数字对应的ascii码表中的内 ...
- Entity Framework 学习初级篇--EntityClient(转)
摘自:http://www.cnblogs.com/xray2005/archive/2009/05/13/1456374.html System.Data.EntityClient 命名空间是 实体 ...
- "npm ERR! Error: EPERM: operation not permitted"问题解决
在基于macaca进行自动化测试的时候,遇到如下问题: E:\AutoTest\Macaca\LocalTEST\macaca-test-sample\macaca-test>macaca do ...
- 杭电HDU1042（有点坑的高精度）
题目:http://acm.hdu.edu.cn/showproblem.php?pid=1042 题意: Given an integer N(0 ≤ N ≤ 10000), your task i ...
- iOS - Plist 数据解析
前言 NS_AVAILABLE(10_6, 4_0) @interface NSPropertyListSerialization : NSObject 如果对象是 NSArray 或 NSDicti ...
- [转载] Go语言并发之美
原文: http://qing.blog.sina.com.cn/2294942122/88ca09aa33002ele.html 简介 多核处理器越来越普及,那有没有一种简单的办 ...