[转]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的border-right,border-bottom;

不妨试试哦

第三种方法:

1、设置table的CSS为{border-collapse:collapse;border:none;}

2、再设置td的CSS为{border:solid #000 1px;}

大功告成!而且Word也能认出这种设置。

我发现设置table的CSS为{border-collapse:collapse;border:none;},再设置td的CSS为{border:solid#000 1px;}是一个非常不错的方法。

原文地址:https://www.cnblogs.com/qiyebao/p/12407556.html

时间: 2024-11-10 01:24:00

[转]HTML中表格table边框border(1px还嫌粗)的解决方案:的相关文章

HTML中表格table标签的实例

一.表格有边框,第一行居中对齐 二.表格没有边框 三.表格有水平标题 四.表格有垂直标题 五.合并行单元格 colspan合并单元格 六.表格有单元格边距(内边距) 七.表格没有单元格间距 八.表格有单元格间距 原文地址:https://www.cnblogs.com/nyw1983/p/11296804.html

在表格table的中设置td最小宽度

表格中希望某些列能根据浏览器窗口大小动态的改变宽度双,但同时又不能太小,需要设置一个最小的宽度.这种情况下把min-width设置在css中并不会达到上述效果.下面提供一种解决方式. 将min-width设置在td的style中. <table style="border:1px solid"> <tr> <td style="min-width:50px">one</td> <td style="mi

WEB前端开发学习----2.HTML表格table标签

[html] view plaincopy css没用流行之前,网页都是用表格,也就是table标签制作的.虽然现在不用table做网页了,但是我们还是应该掌握这个标签.</span> 先给出最表格的基本格式: [html] view plaincopy <table> <tr> <tb> </tb> </tr> <table> 其中<tr>为行标签,即表格的行.<td>为单元格数据标签.也就是说一

table边框不显示

今日在做报表的时候发现,最后一行隐藏后整个报表的下边框会不显示,猜测是td的边框隐藏后但table并未设置边框,导致下边框没有出现.因此设置了table边框后问题解决.table和td的边框关系如下实验: <table> <tr> <td> <table style="border:1px solid red;"> <tr> <td style="border:1px solid blue;">

table 边框问题

对table设置css样式边框,分为几种情况:1.只对table设置边框2.对td设置边框3.对table和td技巧性设置表格边框4.对table和td设置背景,实现完美表格边框 以下DIVCSS5对以上几种实现html 表格边框样式进行讲解与案例演示.为了便于观察,divcss5均设置所有案例表格为1px实线红色边框为例:table宽度为400px;表格为三列三行,对以上四种情况表格外层加个div盒子,分别CSS命名为".table-a".".table-b".&

关于table边框打印不显示的样式设置

在打印一个产品说明书的时候.打印预览明明可以显示有边框,但是打印出来后边框就不见了.通过搜索解决了这个问题在样式的设置上做更改如下: .tablelist table{border:1px solid #F00;border-collapse: collapse} .tablelist table td{border:1px solid #F00;}

JS实现表格Table动态添加删除行

1.页面内容 <table style="border:1px ; width:100%; height:160px">                <THEAD>                    <TR>                    <TH height="10px">姓名</TH>                    <TH height="10px">

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

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

HTML中table边框的显示总结转载▼

HTML中table边框的显示总结 (2012-07-19 22:03:28) 转载▼     一. 1.显示表格的4个边框:<table border frame=box> 2.只显示上边框: <table border frame=above> 3.只显示下边框: <table border frame=below> 4.只显示上下边框: <table border frame=hsides> 5.只显示左右边框: <table border fr