表格table嵌套，边框合并问题

【问题】

外层table与内层table嵌套，内外表格都需边框时，设置“border=1”，但边框会重复，造成某些地方边框粗，有些地方边框细的问题。

【解决办法】：

外表格样式：

<table border="1" cellspacing="0" cellpadding="0" style="border-collapse: collapse;”>

内表格样式：

<table border="1" cellspacing="0" cellpadding="0" style="border-collapse: collapse;border-width:0px; border-style:hidden;">

——非原创

时间： 2024-11-03 03:29:10

表格table嵌套，边框合并问题的相关文章

css如何让表格table的边框为1像素呢

在Html中使用table是网页制作中必不可缺的一部分,如果直接给css设置table里面的td边框为1像素的话,那么实际我们从网页上看到的效果却不是1像素. 那么我们怎么用css让table的边框为1像素呢? 其实很简单,给table使用css样式 border-collapse: collapse; 这个样式的意思就是“为表格设置合并边框模型” 这个属性经测试,支持一下浏览器:        下面我写一个案例 CSS /*重点就是要在table上加border-collapse: colla

table 边框合并

border-collapse:collapse 用于表格属性, 表示表格的两边框合并为一条; <style type="text/css"> table { border-collapse:collapse; } table, td, th { border:1px solid black; } </style> <table> <tr> <th>Firstname</th> <th>Lastname

表格table样式布局设置

<style> table{ border-collapse:collapse; margin:0 auto;} table tr td{ border:1px solid #000; line-height:40px; text-align:center;color:red;} </style> </head> <body> <table width="300"> <caption>直接使用表的 "bo

css列表list、表格table

列表list,无序列表ul,有序列表ol 1.列表项样式list-style-type 无列表默认为dist实心圆,有序列表默认为decimal阿拉伯数字(前面不带0) 其他无序列表常用none无样式,circle空心圆,square实心方块 有序列表常用decimal-leading-zero以0开头的数字,lower-roman.upper-roman小写.大写罗马数字,lower-alpha.upper-alpha小写.大写英文字母 ul.a {list-style-type: circl

CSS属性 table 的 border-collapse 边框合并

说明 该CSS属性用来设定表格的行和列的边框是合并成单边框,还是分别有各自的边框 separate 缺省值.边框分开,不合并.collapse 边框合并.即如果相邻,则共用同一个边框. 虽然在DIV+CSS 时代 table 的权重越来越低,但是有时候,还是局部地方table 还是挺好用的 特别是制表方面,还是table 比较的方便.当然,制表肯定少不了边框,但是如果你直接在td上加边框,就会出现一种情况,table 的外围一周是单线,里面都是双线. 你也可以通过其他分开设置的方法实现全部单线,

利用CSS边框合并属性打造table细边框

CSS代码: <style> table{ border-collapse: collapse;/* 边框合并属性 */ width:200px; } th{ border: 1px solid #666666; } td{ border: 1px solid #666666; } </style>HTML代码: <table> <tr> <th></th> <th></th> </tr> <

table中的边框合并实例

<html><head><style type="text/css">table,th,td{border:1px solid blue;border-collapse:collapse;}</style></head> <body><table><tr><th>Firstname</th><th>Lastname</th></tr>

[转]HTML中表格table边框border（1px还嫌粗）的解决方案：

摘自:http://blog.sina.com.cn/s/blog_ae809a730102vrx8.html 第一种方法: 1.将table的属性设置为:BORDER=0 .cellspacing=1 : 2.设置table的背景色为即你要设置的table的边框颜色: 3.设置所有td背景色为#ffffff白色: 这样,就大功告成了. 第二种方法: 1.设置BORDER=0 : 2.再通过CSS,给Table加上1px的border-top,border-left: 3.然后再设置所有的td的

Java 在Word中添加表格、嵌套表格

表格作为一种可视化交流模式及组织.整理数据的方法,在各种场合及文档中应用广泛.常见的表格可包含文字.图片等元素,我们操作表格时可以插入图片.嵌套表格.写入文字及格式化表格样式等.下面,将通过Java编程在Word文档中创建表格并实现格式化操作,包括设置字体.字号.字体颜色.字体粗细等,设置单元格对齐方式.单元格背景色.单元格合并/拆分.表格边框样式.插入图片等等. 使用工具:Free Spire.Doc for Java (免费版)Jar文件获取及导入:方法1:通过官网下载文件包.下载后,解压文