HTML表格样式
一、表格的表头
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表格样式的更多相关文章
- delphi 设置表格样式。
//设置表格样式 wordDoc.Tables.Item(1).Borders.Item(Word.WdBorderType.wdBorderLeft).LineStyle = Word.WdLine ...
- CSS：表格样式（设置表格边框/文字/背景的样式）
使用CSS能够制作出十分精美的表格. 代码整理自w3school:http://www.w3school.com.cn 效果图: 代码: <!DOCTYPE html PUBLIC " ...
- 普通table表格样式及代码大全(全)
普通table表格样式及代码大全(全)(一) 单实线边框表格 <TABLE style="BORDER-COLLAPSE: collapse" borderColor=#00 ...
- 美丽的表格样式(使用CSS样式表控制表格样式)
按照WEB2.0风格,设计了几个表格样式,希望大家喜欢. WEB2.0提倡使用div开布局,但不是要全然放弃使用表格,表格在数据展现方面还是不错的选择. 如今使用介绍使用CSS样式表来控制.美化表格的 ...
- 漂亮的表格样式(使用CSS样式表控制表格样式)
根据WEB2.0风格,设计了几个表格样式,我希望你喜欢. WEB2.0推广使用div开放式布局.但并不是完全放弃使用形式,在数据表现形式而言是一个不错的选择. 本节将介绍如何使用现在CSS样式表来控制 ...
- Bootstrap表格样式(附源码文件)--Bootstrap
1.表格默认样式 <h4>表格默认样式</h4><table><!--默认样式--> <tr><th>序号</th> ...
- word建立统一的表格样式
插入一个表格,一般border都是一样粗细,不美观, 这里推荐一种样式如下图(外框和首行都加粗,比较好看) 设置方法: 1.选中表格,上方出现设计选项卡 2.表格样式,点击"新建样式表&qu ...
- Bootstrap -- 表格样式、表单布局
Bootstrap -- 表格样式.表单布局 1. 表格的一些样式 举例: <!DOCTYPE html> <html> <head> <meta http- ...
- 07. Matplotlib 3 |表格样式| 显示控制
1.表格样式创建 表格视觉样式:Dataframe.style → 返回pandas.Styler对象的属性,具有格式化和显示Dataframe的有用方法 样式创建:① Styler.applymap ...
- 黑白表格样式教师求职简历免费word模板
10款精黑白表格样式教师求职简历免费word模板,也可用于其他专业和职业,个人免费简历模板,个人简历表免费,个人简历表格. 声明:该简历模板仅用于个人欣赏使用,请勿用于商业用途,谢谢. 下载地址:百度 ...
随机推荐
- IdentityServer4系列 | 简化模式
一.前言 从上一篇关于资源密码凭证模式中,通过使用client_id和client_secret以及用户名密码通过应用Client(客户端)直接获取,从而请求获取受保护的资源,但是这种方式存在clie ...
- CSP-2020 退役记
CSP-2020 游记 第2次参加CSP-- Day -5~-7 每天笔试+机试 Day -8~-9 在家放松(写作业) Day 0 鸡鸭月考 Day 1 9:30以前 愉快的在别人月考的时候离开鸡鸭 ...
- 解决：com.netflix.discovery.shared.transport.TransportException: Cannot execute request on any known server
com.netflix.discovery.shared.transport.TransportException: Cannot execute request on any known serve ...
- 转：Http协议中Cookie详细介绍
Http协议中Cookie详细介绍 Cookie总是保存在客户端中,按在客户端中的存储位置,可分为内存Cookie和硬盘Cookie.内存Cookie由浏览器维护,保存在内存中,浏览器关闭后就消失了, ...
- PyQt程序执行时报错：AttributeError: 'winTest' object has no attribute 'setCentralWidget'的解决方法
用QtDesigner设计了一个UI界面,保存在文件Ui_wintest.ui中,界面中使用了MainWindow窗口,窗口名字也叫MainWindow,用PyUIC将其转换成了 Ui_wintest ...
- PyQt(Python+Qt)学习随笔：Designer中ItemViews类部件的frameShadow属性
老猿Python博文目录 老猿Python博客地址 frameShadow属性是从QFrame继承的属性,对应类型为QFrame.Shadow,该属性表示框架提供三维效果的阴影类型,有如下取值: 可以 ...
- PyQt(Python+Qt)学习随笔：Qt Designer中怎么给toolBar添加按钮
在Designer中创建了一个MainWindow窗体,当想在其中的toolBar中添加toolButton时发现怎么也放不上去,最终才发现toolBar中的按钮只能通过直接拖拽Action编辑器中的 ...
- OLLVM快速学习
近来,ollvm在国内移动安全,尤其是安全加固上的使用越来越广泛,ollvm的混淆和反混淆也被视为比较高等的知识之一,让很多人感到无从下手,望尘莫及.如果你在google上搜索ollvm,你会发现第一 ...
- 使用postman发送http请求
postman使用详解: http://gold.xitu.io/entry/57597a62a341310061337885 https://www.getpostman.com/docs/writ ...
- 谈Vite在Electron环境下吃花卷拉馒头的现象
缘起 在Electron的渲染进程中(也就是页面代码中), 我们常常使用process.env来携带一些环境变量, 比如HTTP服务地址的基质,本地静态资源的路径等 这样做主要有两个目的 一个是方便开 ...