table { width: 100%; border-collapse: collapse; } td { width: 25%; height: 50px; border: 1px solid black; }
在上面的示例中,大家首先设置了表格的宽度为 100%,并将 border-collapse 属性设置为 collapse,以消除单元格之间的间隔。接着,大家使用 td 选择器来设置每个单元格的宽度为 25%、高度为 50 像素,并添加了一个黑色的边框。
如果您希望设置一个单元格的宽度和高度不同,可以分别使用 width 和 height 属性来进行设置。此外,您还可以使用 padding 和 margin 属性来调整单元格的内部和外部间距。
总的来说,使用 CSS 设置单元格的大小可以帮助您更好地控制网页的布局和排版。通过合理的设置,可以使网页看起来更加美观和统一。