<div class="container"> <div class="row clearfix"> <div class="col-md-12 column"> <div class="page-header" > <h1 > <small style="color: red">查询书籍</small> </h1> </div> </div> </div>中实现出样式每一行颜色可变
时间: 2024-02-16 12:27:16 浏览: 107
可以通过CSS样式表来实现每一行颜色可变。可以通过以下代码实现:
```CSS
tr:nth-child(even) {
background-color: #f2f2f2;
}
```
将上述代码添加到CSS样式表中,然后将表格的class属性设置为"table"即可。
```HTML
<div class="container">
<div class="row clearfix">
<div class="col-md-12 column">
<div class="page-header">
<h1>
<small style="color: red">查询书籍</small>
</h1>
</div>
<table class="table">
<thead>
<tr>
<th>书名</th>
<th>作者</th>
<th>出版社</th>
</tr>
</thead>
<tbody>
<tr>
<td>三体</td>
<td>刘慈欣</td>
<td>重庆出版社</td>
</tr>
<tr>
<td>活着</td>
<td>余华</td>
<td>作家出版社</td>
</tr>
<tr>
<td>围城</td>
<td>钱钟书</td>
<td>人民文学出版社</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
```
这样,表格每一行的颜色都会交替变化。
阅读全文