各式各样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的脚本,但是都感觉很不理想,于是,自己造轮子了~ 打印的效果,自己 ...
随机推荐
- XShell 安装与虚拟机连接
XShell:是liunx的远程管理工具 为啥要用这个工具呢?因为在古老的liunx字符命令下,是看不到中文的,要么使用liunx的图形化界面(支持中文),要么使用远程管理工具,是在windows中的 ...
- 虚拟机guest为windows7的环境下安装破解版simplify3d_3.0.2
情形: 1.主机(host):ubuntu 2.虚拟机里安装的操作系统版本(guest):windows 7专业版 3.simplify3d破解版版本:3.0.2(破解需要的工具均在下文的百度云地址里 ...
- python_way ,day5 模块，模块3 ，双层装饰器，字符串格式化，生成器，递归，模块倒入，第三方模块倒入，序列化反序列化，日志处理
python_way.day5 1.模块3 time,datetime, json,pickle 2.双层装饰器 3.字符串格式化 4.生成器 5.递归 6.模块倒入 7.第三方模块倒入 8.序列化反 ...
- java中类名.class、实例.getclass()区别
import java.util.HashSet; import java.util.Iterator; /** * Created by GOD on 2016/1/23. * Class对象的生成 ...
- jsp get方式请求参数中包含中文乱码问题解决
1. 自己接收到参数之后在后台进行转码处理 2: 修改tomcat的配置文件 server.xml <Connector port="8080" protocol=&quo ...
- c++ 复习练习
复习c++的时候,发现一篇 如何通过c++ primer学习c++的好文,并列出了一些建议的练习题目. 链接,http://blog.csdn.net/solstice/article/details ...
- Doragon Kuesuto 1.6
/* * <<D Q>> * * Author xkfx<wyzxk_fx@163.com> * * 游戏规则:利用适当的决策,在13回合内击杀恶龙取得胜利. * ...
- JS 和 Java 中URL特殊字符编码方式
前几天遇到url特殊字符编码的问题,在这里整理一下: JavaScript 1. 编码 escape(String) 其中某些字符被替换成了十六进制的转义序列. 解码 unescape(String ...
- linux学习笔记2-命令总结2
权限管理命令 chmod 其他权限管理名 chgrp chown umask ========================================================= ...
- 在 Windows XP 下查看所有卷标信息
http://support.hp.com/cn-zh/document/c01270024 点击“开始”,在“开始搜索”中输入:diskpart,然后按键盘“回车”键. 在“命令行窗口”中,等待“D ...