一、表格的表头

 1 <html>

 2

 3 <body>

 4

 5 <h4>表头：</h4>

 6 <table border="1">

 7 <tr>

 8   <th>姓名</th>

 9   <th>电话</th>

10   <th>电话</th>

11 </tr>

12 <tr>

13   <td>Bill Gates</td>

14   <td>555 77 854</td>

15   <td>555 77 855</td>

16 </tr>

17 </table>

18

19 <h4>垂直的表头：</h4>

20 <table border="1">

21 <tr>

22   <th>姓名</th>

23   <td>Bill Gates</td>

24 </tr>

25 <tr>

26   <th>电话</th>

27   <td>555 77 854</td>

28 </tr>

29 <tr>

30   <th>电话</th>

31   <td>555 77 855</td>

32 </tr>

33 </table>

34

35 </body>

36 </html>

二、跨行跨列的表格

 1 <html>

 2

 3 <body>

 4

 5 <h4>横跨两列的单元格：</h4>

 6 <table border="1">

 7 <tr>

 8   <th>姓名</th>

 9   <th colspan="2">电话</th>

10 </tr>

11 <tr>

12   <td>Bill Gates</td>

13   <td>555 77 854</td>

14   <td>555 77 855</td>

15 </tr>

16 </table>

17

18 <h4>横跨两行的单元格：</h4>

19 <table border="1">

20 <tr>

21   <th>姓名</th>

22   <td>Bill Gates</td>

23 </tr>

24 <tr>

25   <th rowspan="2">电话</th>

26   <td>555 77 854</td>

27 </tr>

28 <tr>

29   <td>555 77 855</td>

30 </tr>

31 </table>

32

33 </body>

34 </html>

三、frame控制围绕表格边框

 1 <html>

 2 <body>

 3

 4 <p><b>注释：</b>frame 属性无法在 Internet Explorer 中正确地显示。</p>

 5

 6 <p>Table with frame="box":</p>

 7 <table frame="box">

 8   <tr>

 9     <th>Month</th>

10     <th>Savings</th>

11   </tr>

12   <tr>

13     <td>January</td>

14     <td>$100</td>

15   </tr>

16 </table>

17

18 <p>Table with frame="above":</p>

19 <table frame="above">

20   <tr>

21     <th>Month</th>

22     <th>Savings</th>

23   </tr>

24   <tr>

25     <td>January</td>

26     <td>$100</td>

27   </tr>

28 </table>

29

30 <p>Table with frame="below":</p>

31 <table frame="below">

32   <tr>

33     <th>Month</th>

34     <th>Savings</th>

35   </tr>

36   <tr>

37     <td>January</td>

38     <td>$100</td>

39   </tr>

40 </table>

41

42 <p>Table with frame="hsides":</p>

43 <table frame="hsides">

44   <tr>

45     <th>Month</th>

46     <th>Savings</th>

47   </tr>

48   <tr>

49     <td>January</td>

50     <td>$100</td>

51   </tr>

52 </table>

53

54 <p>Table with frame="vsides":</p>

55 <table frame="vsides">

56   <tr>

57     <th>Month</th>

58     <th>Savings</th>

59   </tr>

60   <tr>

61     <td>January</td>

62     <td>$100</td>

63   </tr>

64 </table>

65

66 </body>

67 </html>

HTML表格样式的更多相关文章

  1. delphi 设置表格样式。

    //设置表格样式 wordDoc.Tables.Item(1).Borders.Item(Word.WdBorderType.wdBorderLeft).LineStyle = Word.WdLine ...

  2. CSS：表格样式（设置表格边框/文字/背景的样式）

    使用CSS能够制作出十分精美的表格. 代码整理自w3school:http://www.w3school.com.cn 效果图: 代码: <!DOCTYPE html PUBLIC " ...

  3. 普通table表格样式及代码大全(全)

    普通table表格样式及代码大全(全)(一) 单实线边框表格 <TABLE style="BORDER-COLLAPSE: collapse" borderColor=#00 ...

  4. 美丽的表格样式(使用CSS样式表控制表格样式)

    按照WEB2.0风格,设计了几个表格样式,希望大家喜欢. WEB2.0提倡使用div开布局,但不是要全然放弃使用表格,表格在数据展现方面还是不错的选择. 如今使用介绍使用CSS样式表来控制.美化表格的 ...

  5. 漂亮的表格样式(使用CSS样式表控制表格样式)

    根据WEB2.0风格,设计了几个表格样式,我希望你喜欢. WEB2.0推广使用div开放式布局.但并不是完全放弃使用形式,在数据表现形式而言是一个不错的选择. 本节将介绍如何使用现在CSS样式表来控制 ...

  6. Bootstrap表格样式(附源码文件)--Bootstrap

    1.表格默认样式 <h4>表格默认样式</h4><table><!--默认样式--> <tr><th>序号</th> ...

  7. word建立统一的表格样式

    插入一个表格,一般border都是一样粗细,不美观, 这里推荐一种样式如下图(外框和首行都加粗,比较好看) 设置方法: 1.选中表格,上方出现设计选项卡 2.表格样式,点击"新建样式表&qu ...

  8. Bootstrap -- 表格样式、表单布局

    Bootstrap -- 表格样式.表单布局 1. 表格的一些样式 举例: <!DOCTYPE html> <html> <head> <meta http- ...

  9. 07. Matplotlib 3 |表格样式| 显示控制

    1.表格样式创建 表格视觉样式:Dataframe.style → 返回pandas.Styler对象的属性,具有格式化和显示Dataframe的有用方法 样式创建:① Styler.applymap ...

  10. 黑白表格样式教师求职简历免费word模板

    10款精黑白表格样式教师求职简历免费word模板,也可用于其他专业和职业,个人免费简历模板,个人简历表免费,个人简历表格. 声明:该简历模板仅用于个人欣赏使用,请勿用于商业用途,谢谢. 下载地址:百度 ...

随机推荐

  1. Django 的F查询与Q查询，事物

           F查询 Django 提供 F() 来做这样的比较.F() 的实例可以在查询中引用字段,来比较同一个 model 实例中两个不同字段的值 示例1: 查询出卖出数大于库存数的商品 from ...

  2. angular中datetime-local属性使用ng-model报错

    项目需求是将年月日格式更改为年月日时分的格式展示,翻遍了整个项目没找到符合的组件,自己现敲一个也来不及,只好直接使用原生自带的组件--datetime-local.之前都是用的vue写项目,第一次接触 ...

  3. 20190712_mysql执行sql脚本语句_Failed to open file_error

    要说执行sql脚本语句不难 就下面这条语句: 进入mysql安装目录下的bin目录 然后执行: \mysql –u用户名 –p密码 –D数据库<[sql脚本文件路径全名] 比如: C:\MySQ ...

  4. 2016 ACM/ICPC ECNA Regional I.Waif Until Dark(最大流)

    这是一道ECNA的16年题,问有n个小朋友,m个玩具,不同孩子有不同喜好的玩具,每个玩具可能属于一个类别,同一类别的玩具最多只能用一定次数,问最大匹配 这个就很裸的二分图,掏出dinic板子,首先最后 ...

  5. 第8.32节 Python中重写__delattr__方法捕获属性删除

    一. 引言 上节介绍了__delattr__方法在Python清除实例属性时被捕获执行,本节结合例子介绍重写__delattr__方法,并说明__delattr__方法执行的触发逻辑. 二. 重写__ ...

  6. 第15.1节 PyCharm安装及使用

    一. 引言 在本章以前,所有老猿实现的代码都是基于Python自带的解释器IDLE来开发和执行的,很方便.消耗少,但进入PyQt图形界面开发以后,IDLE不能实现和PyQt的集成,且不能支持断点调试, ...

  7. 第15.16节 PyQt(Python+Qt)入门学习：PyQt中的信号（signal）和槽（slot）机制以及Designer中的使用

    老猿Python博文目录 老猿Python博客地址 一.引言 前面一些章节其实已经在使用信号和槽了,但是作为Qt中最重要的机制也是Qt区别与其他开发平台的重要核心特性,还是非常有必要单独介绍. 二.信 ...

  8. Python3安装且环境配置(三)

    1.在Window 平台安装 Python3 以下为在 Window 平台上安装 Python3 的简单步骤: 打开WEB浏览器访问http://www.python.org/download/ 在下 ...

  9. 分别使用python和java练习冒泡排序

    冒泡排序算法的运作如下:(从小到大)   比较相邻的元素.如果第一个比第二个大,就交换他们两个. 对每一对相邻元素作同样的工作,从开始第一对到结尾的最后一对.在这一点,最后的元素应该会是最大的数. 针 ...

  10. Ubuntu 16.04 系统基础开发环境搭建

    1.安装 Git sudo apt-get update sudo apt-get install git Do you want to continue? [Y/n] Y git --version ...