html小总结:表格斑马纹的实现.

来源:互联网 发布:最近流行的网络歌手 编辑:程序博客网 时间:2024/06/11 01:48

效果:


原理:

最简单的方法就是在每一偶数行加上class选择器.

code:

css:  tbody tr.even{
background-color:#AAA;
}

html:

<tr>
<th>书名</th><th>价格</th><th>作者</th><th>简介</th>
</tr>
</thead>


<tbody>
<tr class="even">
<th>javasript程序设计</th><th>99.00</th><th>查理</th><th>入门必学</th>
</tr>


<tr>
<th>韩语入门</th><th>33.00</th><th>韩老师</th><th>看完就能说</th>
</tr>

.....此处省略若干个字......




原创粉丝点击