10.10日

在黑马程序员学习JavaScript顺便学到了CSS渲染表格

学生成绩表

姓名	数学	英语	科学
张三	90	85	88
李四	82	78	90
王五	75	80	85

文本样式
h1, h2, h3, h4, h5, h6 {
font-family: 'Arial', sans-serif; /* 字体 /
color: #333; / 字体颜色 /
text-align: center; / 文本居中 */
}

p {
font-size: 16px; /* 字体大小 /
line-height: 1.5; / 行高 /
color: #555; / 字体颜色 */
}

表格样式
table {
width: 100%; /* 表格宽度 /
border-collapse: collapse; / 边框合并 */
}

th, td {
border: 1px solid #ddd; /* 边框 /
padding: 10px; / 内边距 /
text-align: left; / 文本左对齐 */
}

th {
background-color: #f2f2f2; /* 表头背景色 */
}

tr:hover {
background-color: #f5f5f5; /* 悬停效果 */
}