html小总结:表格斑马纹的实现.
2012-11-24 15:44
344 查看
效果:
![](http://img.my.csdn.net/uploads/201211/24/1353743091_5503.png)
原理:
最简单的方法就是在每一偶数行加上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>
.....此处省略若干个字......
相关文章推荐
- html小总结:表格立体效果的实现.
- 纯HTML 实现圆角表格
- javascript实现多表头分类交叉报表:html表格
- jQuery实现HTML表格隔行变色及鼠标悬停变色效果
- Flex 用Grid实现类似于Html的细线表格
- js实现html表格导出到excel
- HTML-使用表格标签实现首页信息展示
- html页面表格导出到excel总结
- ASP.NET MVC 使用总结(二)——扩展HtmlHelper实现动态生成title及meta
- HTML表格多行表头,隔行变色,点击变色的实现
- 刷新页面实现方式总结(HTML,ASP,JS)
- 用CSS实现的固定表头的HTML表格
- HTML 自动伸缩的表格Table js实现
- javascript实现多表头分类交叉报表:html表格
- 使用JQuery实现HTML表格的单元格合并
- HTML表格的rowspan与colspan视频教程 colspan 属性 -- 可以实现HTML表格中一行跨越多列
- html+js实现表格增删
- Android基础学习总结(十三)——利用jsoup解析html实现网络爬虫
- Python实现简单HTML表格解析的方法
- jQuery实现html表格动态添加新行的方法