HTMLCSS 高级表格 合并单元格

news/2024/7/7 14:54:17 标签: border, css, 合并, 表格, html, table, xhtml
htmledit_views"> 原文地址为: HTML&CSS 高级html" title=表格>表格 html" title=合并>合并单元格

htmledit_views">

有时,需要html" title=合并>合并单元格,即有的元素占用两行,有的元素占用两列。这时,用到了以下XHTML属性:

rowspan

colspan

一个简单的例子:

HTML代码如下:

html"><table>
<tr>
<th rowspan="2">Date</th>
<th colspan="2">Event Details</th>
<th rowspan="2">Contact</th>
</tr>
<tr>
<th>Event Description</th>
<th>Approximate Cost</th>
</tr>
<tr>
<td>12 July</td>
<td>Committee meeting, deciding on next year's trips</td>
<td>N/A</td>
<td>Bob Dobalina</td>
</tr>
<tr>
<td>19 July</td>
<td>7-day trip to Hurghada (package deal) - limited spaces</td>
<td>£260 pp (all inclusive), departing Luton</td>
<td>Bob Dobalina</td>
</tr>
<tr>
<td>5 August</td>
<td>Ocean & Sports Diver Theory Course</td>
<td>Call for details</td>
<td>Jeff Edgely</td>
</tr>
<tr>
<td>12 August</td>
<td>Murder Mystery Weekend, Cotswolds (no diving!)</td>
<td>£65 pp (accommodation included)</td>
<td>Jill Smith</td>
</tr>
</table>



CSS代码如下:

html" title=css>css">table {
html" title=border>border-collapse: collapse;
html" title=border>border: 1px solid black;
}
th {
text-align: left;
html" title=border>border: 1px solid black;
padding: 0.2em;
}
td {
html" title=border>border: 1px solid black;
padding: 0.2em;
}




转载请注明本文地址: HTML&CSS 高级html" title=表格>表格 html" title=合并>合并单元格

http://www.niftyadmin.cn/n/1166960.html

相关文章

利用Lotus Script 拷贝,删除物理文件(转自LOTUS 帮助)

原文地址为&#xff1a; 利用Lotus Script 拷贝&#xff0c;删除物理文件&#xff08;转自LOTUS 帮助&#xff09;Q&#xff1a; 用lotus script查找C盘是否存在abc.doc的文件&#xff0c;如果存在则把它删除&#xff0c;从另外地方拷贝一个同名文件过来。 A&#xff1a; Dim …

TinyXML:一个优秀的C++ XML解析器

原文地址为&#xff1a; TinyXML&#xff1a;一个优秀的C XML解析器读取和设置xml配置文件是最常用的操作&#xff0c;试用了几个C的XML解析器&#xff0c;个人感觉TinyXML是使用起来最舒服的&#xff0c;因为它的API接口和Java的十分类似&#xff0c;面向对象性很好。 TinyXML…

OPENWRT入门之四------openwrt命令行模式命令及其工具

原文地址为&#xff1a; OPENWRT入门之四------openwrt命令行模式命令及其工具OPENWRT入门之四------openwrt命令行模式命令及其工具 本文转自&#xff1a;http://blog.chinaunix.net/uid-9688646-id-5025317.html 需要学会用ssh登录路由器用linux命令查看。 ps 命令查看当前系…

docker镜像制作之Dockerfile文件---snort

原文地址为&#xff1a; docker镜像制作之Dockerfile文件---snort<span style"font-size:18px;"># Snort 2.9.8.0## VERSION 1FROM opennsm/debianMAINTAINER xu <921586520qq.com># MetadataLABEL organizationiieLABEL programsnort# Sp…

win7访问共享文件,登录失败:禁用当前用户 解决方法

原文地址为&#xff1a; win7访问共享文件&#xff0c;登录失败&#xff1a;禁用当前用户 解决方法访问win7上面的共享文件时&#xff0c;出现登陆失败&#xff1a;禁用当前用户的错误 原因分析&#xff1a; 1、Win7操作系统&#xff0c;默认禁用了管理员和来宾账户 2、无法访问…

java后台解析XML文件

原文地址为&#xff1a; java后台解析XML文件解析XML文件分为两种&#xff1a;1、DOM(Document Object Model) 2、SAX(Simple API for XML) DOM是基于XML文档树结构的解析&#xff0c;SAX是基于事件流的解析。 我用到的是SAX解析>> 一、XML文件 <?xml versio…

RIP知识点大回顾(RIP、ACL、NAT)

RIP RIP&#xff1a;距离矢量型路由协议。 基于UDP520端口工作&#xff1b;使用跳数作为度量&#xff1b;周期和触发更新均存在&#xff1b;周期更新–30s一次&#xff1b;支持等开销负载均衡&#xff0c;默认4条&#xff0c;最大6条&#xff0c;IOS版本12.4以上为16条&#x…

Linux上创建web网站

一&#xff0e;搭建静态网站-----基于http协议的静态网站服务器端&#xff1a; 在Linux上面实现网页服务器需要Apache这套服务器软件&#xff0c;httpd提供Apache主程序。 1.静态网站&#xff1a;要求搭建的web网站基于IP访问&#xff0c;当前web网站的根目录为/openlab&#x…