这段HTML代码展示了如何使用CSS实现表格（table）的隔行换色效果。通过设置`table tr:nth-child(even)`选择器的背景色，使得表格的偶数行呈现出不同的颜色，增强视觉效果。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
table, tr, td, th {
padding: 0;
margin: 0;
border-bottom: solid 1px #d9ebf3;
border-collapse: collapse;
}
table {
width: 100%;
border-color: #ccc;
border: solid 1px #cbcbcb;
}
table tr {
line-height: 30px;
border-color: #ccc;
}
table th {
text-align: center;
background-color:cornflowerblue
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
table, tr, td, th {
padding: 0;
margin: 0;
border-bottom: solid 1px #d9ebf3;
border-collapse: collapse;
}
table {
width: 100%;
border-color: #ccc;
border: solid 1px #cbcbcb;
}
table tr {
line-height: 30px;
border-color: #ccc;
}
table th {
text-align: center;
background-color:cornflowerblue
最低0.47元/天 解锁文章
扫一扫
981
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
