要为表头应用box-shadow,可以使用以下代码示例:
HTML代码:
表头1
表头2
表头3
单元格1
单元格2
单元格3
单元格4
单元格5
单元格6
CSS代码:
table {
border-collapse: collapse;
}
thead {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* 添加box-shadow样式 */
}
th {
padding: 8px;
background-color: #f2f2f2;
font-weight: bold;
}
在上面的示例中,我们给thead
元素添加了box-shadow
样式,以实现表头的阴影效果。