在网页设计中,表格是非常常见的元素之一,而CSS也提供了丰富的样式来美化表格。下面我们就来介绍一下如何使用CSS来制作表格模板。 首先,我们需要在HTML中定义一个表格,可以使用table、tr、td
table { border: 1px solid #ccc; // 设置表格的边框为1px的实线边框 width: 100%; // 设置表格宽度为100% font-size: 14px; // 设置表格字体大小为14px border-collapse: collapse; // 合并表格边框 } th, td { // 分别为表头和表格单元格设置样式 border: 1px solid #ccc; // 设置单元格的边框为1px的实线边框 padding: 5px; // 设置单元格内边距为5px text-align: center; // 设定单元格中文字居中 } th { // 为表头添加背景色和文字颜色 background: #f5f5f5; color: #333; }
粉丝
0
关注
0
收藏
0