返回
点击预览
格式化代码
<!DOCTYPE html> <html> <head> <style> table { border-collapse: collapse; width: 100%; } th, td { text-align: left; padding: 8px; } tr:nth-child(even) { background-color: #f2f2f2; } </style> </head> <body> <h2>斑马条纹表</h2> <p>对于斑马条纹表，使用nth-child()选择器并向所有偶数(或奇数)表行添加背景色：</p> <table> <tr> <th>姓氏</th> <th>名字</th> <th>储蓄</th> </tr> <tr> <td>张</td> <td>小明</td> <td>￥100</td> </tr> <tr> <td>李</td> <td>小明</td> <td>￥150</td> </tr> <tr> <td>王</td> <td>小明</td> <td>￥300</td> </tr> <tr> <td>刘</td> <td>小明</td> <td>￥250</td> </tr> </table> </body> </html>
评论区
发表
{{item['qq_nickname']}}
(
)
回复
回复
发表
21技术
www.21xrx.com
备案号：
蜀ICP备17043188号-2
评论区