HTML表格样式

news2025/11/4 7:35:21

9675人阅读

行跟列背景颜色的选择，合并等

列的颜色选择代码

<colgroup span="1" bgcolor="lightgreen"></colgroup> <colgroup span="1" bgcolor="lightyellow"></colgroup> <colgroup span="2" bgcolor="lightgreen"> <col bgcolor="lightgray"> <col> </colgroup> <colgroup span="1" bgcolor="cyan"></colgroup>

watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NjEyNjU0,size_16,color_FFFFFF,t_70
行跟列的合并代码

<th colspan="2" rowspan="2">操作</th> <td colspan="2">平均:</td>

watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NjEyNjU0,size_16,color_FFFFFF,t_70

<!DOCTYPE html> <html> <style type="text/css"> td{ text-align:center; } a{ text-decoration: none; } img{ width: 25px;height:25px; border-radius: 50%; align="left"; } </style> <head> <meta charset="utf-8"> <title>demo</title> </head> <body>  <br><br> <table border="1" cellspacing="0" cellpadding="5" align="center" width="40%"> <caption><strong>明星排行榜</strong> <a href="">添加</a></caption>   <tr bgcolor="skyblue"> <th colspan="2">信息</th> <th colspan="3">三围</th> <th colspan="2" rowspan="2">操作</th> </tr> <tr bgcolor="skyblue"> <th>ID</th> <th>姓名</th> <th>腰围</th> <th>胸围</th> <th>臀围</th> </tr> <tr> <td>01</td> <td><img src="./images/3.png" align="left">波多</td> <td>88</td> <td>59</td> <td>85</td> <td><a href="">编辑</a></td> <td><a href="">删除</a></td> </tr> <tr> <td>02</td> <td ><img src="./images/3.png" align="left">玛利亚</td> <td>88</td> <td>59</td> <td>85</td> <td><a href="">编辑</a></td> <td><a href="">删除</a></td> </tr> <tr> <td>03</td> <td><img src="./images/3.png" align="left">浅川梨奈</td> <td>88</td> <td>59</td> <td>85</td> <td><a href="">编辑</a></td> <td><a href="">删除</a></td> </tr> <tr> <td>04</td> <td><img src="./images/3.png" align="left">苍老师</td> <td>88</td> <td>59</td> <td>85</td> <td><a href="">编辑</a></td> <td><a href="">删除</a></td> </tr>  </table> <p align="center"> <a href="">首页</a> <a href="">上一页</a> <a href="">...</a> <a href="">下一页</a> <a href="">尾页</a> </p> </body> </html>