<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的更多相关文章

  1. php 使用table方式导出excel文件

    这些天在使用PHPExcel导出数据时,5000条数据竟然挂了.后来跟同事聊聊,有些明悟,PHPExcel做了很多处理,我在这里理解为渲染,就会暂用过多的空间,‘膨胀’的空间导致内存暂用过大,就挂了. ...

  2. 使用 data.table 包操作数据

    在第一节中,我们回顾了许多用于操作数据框的内置函数.然后,了解了 sqldf 扩展包,它使得简单的数据查询和统计变得更简便.然而,两种方法都有各自的局限性.使用内置函数可能既繁琐又缓慢,而相对于各式各 ...

  3. Table 组件构建过程中遇到的问题与解决思路

    在 GearCase 开源项目构建 Table 组件的过程中.遇到了各式各样的问题,最后尝试了各种方法去解决这些问题. 遇到的部分问题 checkbox 的全选和半选问题 table 组件的排序请求方 ...

  4. 散列表(hash table)——算法导论(13)

    1. 引言 许多应用都需要动态集合结构,它至少需要支持Insert,search和delete字典操作.散列表(hash table)是实现字典操作的一种有效的数据结构. 2. 直接寻址表 在介绍散列 ...

  5. React使用antd Table生成层级多选组件

    一.需求 用户对不同的应用需要有不同的权限,用户一般和角色关联在一起,新建角色的时候会选择该角色对应的应用,然后对应用分配权限.于是写了一种实现的方式.首先应用是一个二级树,一级表示的是应用分组,二级 ...

  6. 创建几个常用table展示方式插件

    这次和大家分享的是自己写的一个table常用几种展示格式的js插件取名为(table-shenniu),样式使用的是bootstrap.min.css,还需要引用jquery.min.js包,这个插件 ...

  7. html中table边框属性

    1.向右(横向)合并: <td colspan="5"><span>后台管理系统</span></td> 2.向下(纵向)合并: & ...

  8. 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出同一表中的某些值 ...

  9. 打印Lua的Table对象

    小伙伴们再也不用为打印lua的Table对象而苦恼了, 本人曾也苦恼过,哈哈 不过今天刚完成了这个东西, 以前在网上搜过打印table的脚本,但是都感觉很不理想,于是,自己造轮子了~ 打印的效果,自己 ...

随机推荐

  1. ubuntu下解压zip文件乱码

    安装unar 即可解决问题 sudo apt get install unar

  2. XML详解：第一部分

    声明:原创作品,转载时请注明文章来自SAP师太技术博客( 博/客/园www.cnblogs.com):www.cnblogs.com/jiangzhengjun,并以超链接形式标明文章原始出处,否则将 ...

  3. poj 3335（半平面交）

    链接:http://poj.org/problem?id=3335     //大牛们常说的测模板题 ------------------------------------------------- ...

  4. GIMP学习笔记

    参考文献: ① http://www.gimp.org/docs/userfaq.html GIMP是GNU Image Manipulation Program的缩写,sired by Spence ...

  5. NS3 日志（Logging）、命令行参数、Tracing系统概述（转载）

    NS-3日志子系统的提供了各种查看仿真结果的渠道: 一.使用Logging Module 1 [预备知识]日志级别及其对应的宏 NS-3 提供了若干个日志级别来满足不同的 Debug 需求,每一级的日 ...

  6. iOS - Swift NSKeyedArchiver 数据归档

    前言 public class NSKeyedArchiver : NSCoder public class NSKeyedUnarchiver : NSCoder 在 OC 语言中,归档是一个过程, ...

  7. jquery使用技巧

    1. 禁用右键点击(Disable right-click) <!DOCTYPE html> <html> <head> <meta charset=&quo ...

  8. iOS开发之 XCode6.0的iOS免证书真机测试方法(MAC及黑苹果均有效)

    参考:http://mobile.51cto.com/iphone-455500.htm XCode6.0的iOS免证书真机测试方法(MAC及黑苹果均有效) 前提:设备已经越狱 目前在XCode上开发 ...

  9. Echarts柱形图颜色设置

    ECharts图为每个数据项配置颜色 (2014-11-12 15:52:53) 转载▼ 标签: 时尚 分类: 开发学习 其实给每个数据项配置很简单 只需要在series里面给data数组的每个元素设 ...

  10. go-mysql

    1.GO语言实现的简单TCP服务代码 package main import ( "net" "fmt" ) var ( maxRead = 1100 msgS ...