table设置border没有空隙

我们经常会遇到设置table边框的时候,对于非专业设计来说,很想淡然的设置td的css

td {border:solid#000 1px;}

但是我们看到的效果总是不如人意,每个cell中间总会有一个像素的空白

如下效果:

那么如何设置才能把这个边框中的空白像素去掉呢?

设置table的CSS为{border-collapse:collapse;border:none;},再设置td的CSS为{border:solid#000 1px;}可以很方便的去掉这个效果

样式{border-collapse:collapse;} 用于表格属性, 表示表格的两边框合并为一条,然后设置table的border设置为none,只剩下每个td的border效果就好。
其实很简单,怕忘记,做个记录。
时间: 2024-10-09 13:02:48

table设置border没有空隙的相关文章

table中设置border的问题

今天在修改table样式的时,想给tr加个border-bottom,一开始用的颜色比较浅,我还以为看电脑太久眼花,结果换了比较深的颜色后,border-bottom真的没有出来. 忽然想起在html代码中我给table设了内联样式:border="0",会不会是这个的原因,结果删去后还是不行,翻了下论坛,结果找到了答案. 将table设置样式: border-collapse:collapse; 然后就可以开始给我的tr元素设置border-bottom了.

给表格设置border还可以这样玩

<table width="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="#ff0000"> <tr> <td> </td> </tr> </table> 将cellspacing设置成几,表格的border就为几,将bgcolor设置成什么颜色,表格的border就

[转]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的

解决bootstrap row span设置border换行的问题

Hadoop方面的毕业设计告一段落了,趁这几天空闲时间认真学习一下之前常使用但是却没用好的Bootstrap. 本文记录Bootstrap框架使用栅格系统时,遇到row内的span设置border换行的问题. 问题再现 <style> .row div{ border:solid 1px #eee; } </style> <div class="container"> <div class="row"> <div

table 设置表格有滚动条。

<!DOCTYPE HTML> 2 <html> 3 4 <head> 5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 6 <title>设置表格有滚动条</title> 7 <style> 8 * { 9 margin: 0; 10 padding: 0; 11 } 12 13 table

WPF中设置Border的BorderThickness属性会让背景图片产生模糊感

1 <!--设置BorderThickness会让border的Background图片看起来有模糊感--> 2 <Border x:Name="border" 3 BorderBrush="{x:Null}" 4 BorderThickness="1" 5 Background="{TemplateBinding Background}" 6 RenderTransformOrigin="0.5,

Access建表SQL语句Create Table设置自动增长列的关键字AUTOINCREMENT使用方法

SQL AUTO INCREMENT 字段 uto-increment 会在新记录插入表中时生成一个唯一的数字. AUTO INCREMENT 字段 我们通常希望在每次插入新记录时,自动地创建主键字段的值. 我们可以在表中创建一个 auto-increment 字段. 用于 MySQL 的语法 下列 SQL 语句把 "Persons" 表中的 "P_Id" 列定义为 auto-increment 主键: CREATE TABLE Persons ( P_Id int

CSS中设置border:none和border:0的区别

在我们设置CSS的时候,对标签元素不设置边框属性或者取消边框属性一般设置为:border:none;或border:0;两种方法均可. border:none;与border:0;的区别体现有两点:一是理论上的性能差异:二是浏览器兼容性的差异. 1.性能差异 [border:0;]把border设为"0"像素虽然在页面上看不见,但按border默认值理解,浏览器依然对border-width/border-color进行了渲染,即已经占用了内存值.[border:none;]把bord

table 设置每列的颜色

ISBN Title Price 3476896 My first HTML $53 5869207 My first CSS $49 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <table border="1" clas="lef