jsp表格的border-collapse属性没有效果,单元格边框为什么没有合并?

问题描述

jsp表格的border-collapse属性没有效果,单元格边框为什么没有合并?

图片说明

解决方案

border-collapse是style,不是直接放在table属性中,如下

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3c.org/1999/xhtml">
<head>
<style type="text/css">

table
  {
  border-collapse:collapse;
  }
table, td, th
  {
  border:1px solid black;
  }
</style>
</head>

<body>
<table cellspacing=0 >
<tr>
<th>Firstname</th>
<th>Lastname</th>
</tr>
<tr>
<td>Bill</td>
<td>Gates</td>
</tr>
<tr>
<td>Steven</td>
<td>Jobs</td>
</tr>
</table>
</body>
</html>

解决方案二:

时间: 2024-11-05 17:23:37

jsp表格的border-collapse属性没有效果,单元格边框为什么没有合并?的相关文章

Word表格单元格的拆分与合并

要做一个完整的表格,很多时候需要将单元格进行拆分或者合并,才能达到需要的效果.相比word表格,单元格的拆分与合并就简单多了. 单元格的合并:先选中欲合并的那些单元格,点击右键,在弹出的菜单中点击合并单元格命令,就可 单元格的拆分:将鼠标定位到拆分的单元格中,然后点击右键,在弹出的菜单中点击拆分单元格命令,打开拆份单元格对话框,在此设置要拆分的列数和行数,确定主就可以了.

Word文档中表格的单个单元格边框怎么设置

  Word文档中表格的单个单元格边框怎么设置           1.在表格中选择需要设置边框的单元格,在"表格工具-设计"选项卡的"边框"组中单击"边框"按钮上的下三角按钮,在展开的列表中选择"边框和底纹"选项,如图1所示. 图1 选择"边框和底纹"选项 2.打开"边框和底纹"对话框,在预览栏中单击相应的按钮可以添加或取消边框线,如当按钮 处于按下状态时,表示单元格在该位置有边框线,

WPS表格默认单元格边框颜色怎么修改?

1.打开工作簿,单击"WPS表格-选项"按钮,如下图所示. 2.弹出"选项"对话框,在"视图"选项中设置"网格线颜色",我选的是"红色",然后单击"确定",如下图. 3.确定后,线条颜色就改成了红色,挺好看的,如下效果图.

Excel 2007表格中应用或删除单元格边框

Excel 2007中,通过使用预定义的边框样式,您可以在单元格或单元格区域(区域:工作表上的两个或多个单元格.区域中的单元格可以相邻或不相邻.)的周围快速添加边框. 1.在工作表上,选择要添加边框.更改边框样式或删除边框的单元格或单元格区域. 提示 要取消选择的单元格区域,请单击工作表中的任意单元格. 2.在"开始"选项卡上的"字体"组中,执行下列操作之一: ·若要应用新的样式或其他边框样式,请单击"边框"%20旁边的箭头,然后单击边框样式.

《HTML、CSS、JavaScript 网页制作从入门到精通》——6.6 单元格属性

6.6 单元格属性 HTML.CSS.JavaScript 网页制作从入门到精通 单元格是表格中最基本的单位.< td >单元格全部包含在行< tr >中,一个行里面可以有任意多个单元格.可以自定义设置单元格的各项属性,这些样式将覆盖< table >和< tr >已经定义的样式. 6.6.1 单元格大小width.height 默认情况下,单元格的宽度和高度会根据内容自动调整,也可以通过width.height设置单元格的宽度和高度. 语法: 说明: 单元

jQuery实现HTML表格单元格的合并功能_jquery

本文实例讲述了jQuery实现HTML表格单元格合并的方法.分享给大家供大家参考,具体如下: 运行效果截图如下: 合并前: 合并后: 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.

JS获取表格内指定单元格html内容的方法_javascript技巧

本文实例讲述了JS获取表格内指定单元格html内容的方法.分享给大家供大家参考.具体如下: 下面的代码先通过表格对象的rows获得指定的行的所有单元格数组,然后定位指定的单元格,通过单元格的innerHTML属性获得单元格的html内容 <!DOCTYPE html> <html> <head> <script> function cell() { var x=document.getElementById('myTable').rows[0].cells;

jquery合并表格中相同文本的相邻单元格_jquery

一.效果 二.代码 <!DOCTYPE HTML> <html> <head> <title>Example</title> <meta charset="utf-8"/> <style></style> <script src="js/jquery-2.1.4.min.js"></script> </head> <body>

Dreamweaver中如何调整表格和单元格的大小

  今天小编为大家介绍一下如何调整表格和单元格的大小,下面一起来看看吧. 修改表格大小 首先选中表格,在属性窗口中我们就可以调整表格的宽度. 修改单元格大小 首先将光标放置到所需要修改的单元格中,在属性窗口中我们可以找到宽和高,对其进行填写就可以修改单元格的大小了.