关于table的td和ul元素li隔行变色的功能实现
2017-03-10 13:31
295 查看
table元素的td和ul元素li隔行变色的功能实现
利用css控制二者的样式轻松实现隔行换色:
例如:table的css样式控制:
table tr td{
background-color:颜色1
}
table tr td:nth-child(2n+1){
background-color:颜色2
}
ul的li样式控制
ul li{
background-color:颜色1;
}
ul li:nth-child(2n+1){
background-color:颜色2;
}
相关文章推荐
- css案例学习之table tr th td ul li实现日历
- jquery实现table表的隔行变色功能
- ThinkPHP Volist实现隔行变色及tr、td的循环
- css 实现table 隔行变色
- 用ul和li实现表格table效果 (转)
- 基于正则表达式实现UL下LI的样式替换功能
- angular中实现li或者某个元素点击变色的两种方法
- jQuery实现table表格隔行换色鼠标经过变色
- jquery实现动态创建页面元素(ul,li列表实例)
- 关于 table td 实现细边框的样式
- JavaScript 实现页面元素(ul-li)的简单排序
- ul+li实现类似table的自适应宽度布局
- jquery边学边练1--用ul li实现单选框和复选框功能
- angular中实现li或者某个元素点击变色的两种方法
- ul li 实现table形式的换行和自适应高度
- js实现table列表中的隔行变色
- jquery-ul-li实现分页功能
- jQuery实现table表格隔行换色鼠标经过变色
- jquery边学边练2--用ul li实现单选框和复选框功能(强化版,优化版)
- angular中实现li或者某个元素点击变色