各式各样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的脚本,但是都感觉很不理想,于是,自己造轮子了~ 打印的效果,自己 ...
随机推荐
- CUBRID学习笔记 47 show
cubrid的中sql查询语法show c#,net,cubrid,教程,学习,笔记欢迎转载 ,转载时请保留作者信息.本文版权归本人所有,如有任何问题,请与我联系wang2650@sohu.com . ...
- nodejs学习笔记<一>安装及环境搭建
零零散散学了几天nodejs,进度一直停滞不前,今天沉下心来好好看了下nodejs的介绍和代码.自己也试着玩了下,算是有点入门了. 这里来做个学习笔记. ——————————————————————— ...
- MonkeyRunner学习（1）测试连接
前期的环境搭建详见:http://www.cnblogs.com/peng-lan/p/5388488.html 1.打开模拟器 打开模拟器有两种方法,正常的在eclipse 中启动就不介绍了 另一种 ...
- jquery_dialog实现效果
jquery_dialog实现效果 jquery_dialog.js <!-- /******************************************************** ...
- LA 5135 Mining Your Own Business
求出 bcc 后再……根据大白书上的思路即可. 然后我用的是自定义的 stack 类模板: #include<cstdio> #include<cstring> #includ ...
- Android开发面试经——3.常见Java基础笔试题
Android开发(29) 版权声明:本文为寻梦-finddreams原创文章,请关注:http://blog.csdn.net/finddreams 关注finddreams博客:http:/ ...
- Openfire 是怎么存离线消息
原文:http://myopenfire.com/article/getarticle/26 1.openfire默认怎么存离线消息 在默认情况下,不添加任何插件的情况下,当用户不在线,对于发送给 ...
- Web服务器异常问题记录
1.使用命令,出现"-bash: 命令: Input/output error" 重启服务器后正常,网上查了下是说硬盘写入读取异常,经过和服务器厂商沟通后,确认是硬件问题导致(硬盘 ...
- 转！JNDI 是什么？
JNDI是 Java 命名与目录接口(Java Naming and Directory Interface),在J2EE规范中是重要的规范之一,不少专家认为,没有透彻理解JNDI的意义和作用,就没有 ...
- 【转】java多态详解
1. Java中除了static和final方法外,其他所有的方法都是运行时绑定的.private方法都被隐式指定为final的,因此final的方法不会在运行时绑定.当在派生类中重写基 ...