Html 在CSS中将表格的边框宽度设置得更细?

Html 在CSS中将表格的边框宽度设置得更细?,html,css,Html,Css,这就是我创建表的方式。边框宽度似乎很粗。我放不下0.5px之类的东西。是否可以缩小它的宽度?首先,您应该使用边框折叠:折叠、边界>代码>使用浏览器默认样式,它是3D的,可以用于表>代码>以及 TD/,考虑使用下面的方法,而不是使用属性,使用CSS 应用边界。 <table width='100%' cellpaddin='0' border= '1' cellspacing='0' > 不再使用html属性(宽度、单元格填充、边框、单元格间距)。使用CSS。很多人不喜欢学校,但我

这就是我创建表的方式。边框宽度似乎很粗。我放不下0.5px之类的东西。是否可以缩小它的宽度?

首先,您应该使用
边框折叠:折叠、<代码>边界>代码>使用浏览器默认样式,它是3D的,可以用于<代码>表>代码>以及<代码> TD/<代码>,考虑使用下面的方法,而不是使用属性,使用CSS 

应用边界。
<table width='100%'  cellpaddin='0' border= '1' cellspacing='0' >

不再使用html属性(宽度、单元格填充、边框、单元格间距)。使用CSS。很多人不喜欢学校,但我认为他们会在这里帮助你。对于边界,您可以使用以下内容

table.class_name {
   border-collapse: collapse;
}

table.class_name td {
   border: 1px solid #aaa;
   padding: 5px;
}

在表标记上使用边框折叠:

table { border:1px solid;}
这将确保你们的边界不会在双方交汇的地方重叠。如果看起来还是太暗,只需选择较浅的边框颜色。

试试以下方法:


设置td和th元素的样式

table
{
border-collapse:collapse;
}
table, td, th
{
border:1px solid #ccc;
}
如果单元格之间没有间距,请使用:

td, th {
    border: 1px solid black;
}

请参阅JSFIDLE示例:

比我快一分钟,触摸一下,然后用小提琴开机!
table
{
border-collapse:collapse;
}
table, td, th
{
border:1px solid #ccc;
}
td, th {
    border: 1px solid black;
}
table {
    border-collapse: collapse;
}