xxsr.net
当前位置:首页 >> Css的奇数偶数 >>

Css的奇数偶数

步骤如下:ul li:nth-child(2n);ul li:nth-child(2n+1) CSS部分: .list {width:500px;margin:0 auto;} .list ul {background:url(http://www.bluebirdsky.cn/images/upfiles/row_bg.gif);} .list li {height:25px;line-height:25px;text-align:...

tr:nth-child(even) {background: #CCC} tr:nth-child(odd) {background: #FFF} 要是兼容的话,可以分别定义偶数行样式和奇数行样式;

javascript practice table{width:300px;} caption{background:#DCA;} th{background:#FCA;width:50%;} td{text-align:center;} $(document).ready(function(){ odd= {"background":"#EDA","color":"#3F5"};//奇数样式 even={"background":"#2D...

jQuery中设置html的外部样式表的奇偶行交替色类似: 设置偶数行的背景色:$("table tr:nth-child(even)").css("background-color","#FFE4C4"); 设置奇数行的背景色:$("table tr:nth-child(odd)").css("background-color","#F0F0F0"); 可以使用css...

CSS3可以直接选择奇偶数,, #list li:nth-of-type(odd){ background:#00ccff;}奇数行 #list li:nth-of-type(even){ background:#ffcc00;}偶数行 123456如果不想用CSS3,怕有些低版本不支持的话,你只能用JS或者JQ来做, 同理,JQ取行数的奇偶,...

window.onload=function showtable(){ var tablename=document.getElementById("table"); var li=tablename.getElementsByTagName("tr"); for (var i=0;i

奇数:$("tr:odd"); 偶数:$("tr:even");

Test tr { background:#FF3; } tr:nth-child(2n) { background:#6F9; } tr { background-color: expression((this.sectionRowIndex % 2 == 0) ? "#FF3" : "#6F9" ); } 这是奇数行 这是偶数行 这是奇数行 这是偶数行 这是奇数行 这是偶数行 这是...

可以使用css3的奇偶选择器,如: li:nth-child(odd){background-color:#FFE4C4;}li:nth-child(even){background-color:#F0F0F0;}li:nth-child(odd)是设置奇数行的背景色,li:nth-child(even)是设置偶数行的。但是css3不兼容IE9以下的浏览器,如...

网站首页 | 网站地图
All rights reserved Powered by www.xxsr.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com