table表格中某一行的背景樣式或者是背景色

求高手 如題，想要將table表格的某一行的背景變成如下圖所示(背景不要圖片的啊)

10 个解决方案

#1

这个不用图片用什么啊？

#2

有人說用css應該可以做出來，可是他和我都不會啊。   圖片（背景為12.5%灰色加上小黑點組成）

#3

不用图片恐怕做不出来 , 这种花纹效果通常可以用画图软件画出一张 2*2 像素的图片 , 也就是一个田字格, 两种颜色, 对角方块颜色相同, 然后在需要使用的地方, 将这张图片设为背景图片 ,允许X和Y方向的无限重复


(划线的方块涂成黑色)

#4

用JQEURY 选择器 $('#').eq(n).css({background:"url/.png"});

#5

用CSS做也是控制背景的图片，如果非要按照色素来做的话，就有点得不偿失了

#6

主要是想要让鼠标移动到上面的时候变颜色，可是一加图片后就不会变颜色了。

#7

用2张背景图片啊

#8

鼠标移上去的时候可以隐藏了图片啊，这样颜色不就变了么··

#9

html 代码：   <tr onmouseover = "this.className = 'hover_1'"  onmouseout = "this.className = 'hover_2'" >
css 代码：  .tt tr.hover_1{ background-image: url(red.png);  } 
             .tt tr.hover_2{ background-image:  url(bg.png);   }

我想让鼠标不经过时tr的背景图片和鼠标离开后的背景图片 url(bg.png)一样。这样要在html代码中加上style= “background-image: url(bg.png)”.这样一来就不会变颜色了，没效果了。高手们，该怎么办？

#10

引用 8 楼 rihaduo202 的回复:

鼠标移上去的时候可以隐藏了图片啊，这样颜色不就变了么··

不太会呢，9楼我贴出了部分代码（想实现那样的功能），能不能详细给我说一下。