html - 在 CSS 中将表格的边框宽度设置得更窄？

Question

<table width='100%'  cellpaddin='0' border= '1' cellspacing='0' >

这就是我创建表格的方式。边框宽度看起来很粗。我不能放 0.5px 或其他东西。是否有可能减小它的宽度？

Answer 1

首先，您应该使用 border-collapse: collapse; 折叠边框，您设置的 border 使用浏览器默认样式，有点像 3d，您可以使用 border-style: solid;对于 table 和 td，考虑使用下面的方法，而不是使用属性，使用 CSS 应用边框

table.class_name {
   border-collapse: collapse;
}

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

Demo