tr:nth-child(odd) { background-color: #f8f8f8; } ``` 在HTML中,我们可以为每一行的tr标签设置一个class属性,然后在CSS样式表中为该类选择器设置背景颜色属性,如下所示: ```html ``` ```css .row { background-color: #f8f8f8; } ``` 这样就可以为表格中的奇数行设置背景颜色了。 3. 设置表格...
你这个tr里面怎么没有td啊，没有td是不起作用的。tr里面放内容浏览器是不能正常解析的。因为根本就不符合html代码规范。你在里面加td，然后在定义个宽度，那段样式自然就生效了。希望能帮到你。
table中某一个tr边框样式设置 <html> <head> <style type="text/css">table{ width:500px; } table tr td{ border-top:#FF0000 solid 1px; width:50%; background-color:#00CC33; text-align:center; line-height:24px;}</style> </head> <table border="0"cellpadding="0"cellspacing="0"> <tr...
tr[i].onmouseover=function(){ this.style.background=overcolor; } tr[i].onmouseout=function(){ if(this.rowIndex%2==0){ //获取当前行的索引 this.style.background=color1; }else{ this.style.background=color2; } } if(i%2==0){ tr[i].className='color1'; }else{ tr[i].className='c...
html复制代码<style> table {background-color: #f8f8f8; /* 表格背景色 */ }th {background-color: #4CAF50; /* 表头背景色 */ color: white; /* 表头字体颜色 */ }tr:nth-child(even) {background-color: #f2f2f2; /* 偶数行背景色 */ }</style> 四、更高级的样式定制 通过CSS可以...
css样式 方法/步骤 1 创建css样式#tabId tr:hover{background-color:blue; //使用CSS伪类达到鼠标移入行变色的效果} 2 创建table<table id="tabId" border="1"><tr><td>1111111111111</td></tr><tr><td>2222222222222</td></tr></table> 3 页面加载后就会自动有隔行变色的效果 4 鼠标滑过tr时会有...
css3提高了一个nth-child选择器，可以通过这个选择器进行table表格隔行变色。语法:tr:nth-child(2n){background-color: #fbc9a7} 方法/步骤 1 1.新建html页面。如图：2 创建table表格。如图：3 对表格设置基本样式。如图：4 为了增加显示效果对每行添加一个序号，然后在浏览器上打开。如图：5 使用伪类选择器...
1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。2、在index.html中的<script>标签，输入jquery代码：('td').click(function(){ if ($(this).css('background-color') === 'rgb(255, 0, 0)') { (this).css('background-color', 'white');} else { (this)....
table表格tr单双行颜色相间而不同 如果先定义两个class,然后每行 tr 均设置其class,这是可以达到要求的,但是代码就比较多,如下代码所示: <style type="text/css"> .tr1{background-color:#F5F5F5} .tr2{background-color:#FFFFFF} </style> <table> ...
看得懂不：<table border=1><tr onmouseOver="this.style.backgroundColor='red';" onmouseout="this.style.backgroundColor='white';"><td>adsfgasdf<tr><td>adgasdgasdgasdfg</table>