table样式背景颜色（css中 一个td的背景色怎么设置）
本文目录
- css中 一个td的背景色怎么设置
- 如何实现table背景色随鼠标移动改变颜色
- JQuery:设置一个
,要求点击
格子，使背景变为红色 点击其他格子，上一个背景色恢复颜色 - 在table表单中如果用循环把表单里的行的背景颜色分为红白交替
- css为什么table下的背景颜色不显示
css中 一个td的背景色怎么设置
工具/材料：电脑、sublime text、HTML文档
1、首先就是打开sublime text，准备一个HTML文档，在其中加入一个DIV。
2、然后通过CSS给DIV设置宽，高，背景色。
3、接下来在给div添加一个hover的伪类样式，hover就代表的是鼠标经过的样式。
4、然后，我们运行页面，就可以看到背景颜色已经设置成功了。
如何实现table背景色随鼠标移动改变颜色
《table onmouseover="this.style.backgroundColor=’#ff0000’" onmouseout="this.style.backgroundColor=’#ffffff’"》
《tr》《td》A《/td》《td》B《/td》《/tr》
《tr》《td》C《/td》《td》D《/td》《/tr》
《/table》JQuery:设置一个
,要求点击
格子，使背景变为红色 点击其他格子，上一个背景色恢复颜色 // 不优化：一句话搞定
// 定义一个颜色为红色的样式".active_red"
$("td").click(function(){
$(this).addClass(’active_red’).siblings().removeClass(’active_red’);
});在table表单中如果用循环把表单里的行的背景颜色分为红白交替
《style type="text/css"》
tr{height:20px}
.TrRed{background-color:#F00}
.TrWhite{background-color:#FFF}
《/style》
《%
Response.Write("《table width=’500’ border=’1’ bordercolor=’#DDDDDD’ cellspacing=’0’》")
For I=1 to 10
Response.Write("《tr")
If I Mod 2=0 Then
Response.Write(" class=’TrRed’")
Else
Response.Write(" class=’TrWhite’")
End If
Response.Write("》《td》《/td》《/tr》")
Next
Response.Write("《/table》")
%》css为什么table下的背景颜色不显示
你应该设定的是table对象属性吧，也就是直接在table上加align、bgColor之类的，有些属性已经被取消掉无法使用了，也不知道你哪学的这样用的，我从开始学div+css到现在工作这么多年以来就从来不用那些属性，顶多是了解一下而已，你还是用正规的加入css的方式吧，比如
《table style="background-color:red"》《tr》《td》《/td》《/tr》《/table》
或者
《style type="text/css"》
.bg{ background-color:red;}
《/style》
《table class="bg"》《tr》《td》《/td》《/tr》《/table》css中 一个td的背景色怎么设置的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于css中 一个td的背景色怎么设置、css中 一个td的背景色怎么设置的信息别忘了在本站进行查找哦。
本文编辑：admin更多文章：
2026年10月15日 10:50
知名女星孙侨璐于跨年夜，心梗猝死，年仅25岁！一一一写给年轻人？1月2日演员孙侨潞离世，说好的来日方长转眼就是别离
2026年10月15日 10:40
2026年10月15日 07:50
2026年10月15日 06:30
2026年10月15日 06:00
avantage怎么设置为中文（Avantage安装丢失GIT）
2026年10月15日 03:00
2026年10月15日 02:40
2026年10月15日 02:10
activex控件未注册怎么办（登陆视频监控网页时提示activex控件未注册，怎么解决）
2026年10月14日 20:30
2026年10月14日 20:20
最近更新
2026-10-15 11:40:02 浏览：0
2026-10-15 11:30:01 浏览：0
2026-10-15 11:20:23 浏览：0
2026-10-15 11:10:01 浏览：0
2026-10-15 11:00:01 浏览：0
2026-10-15 10:50:09 浏览：0
2026-10-15 10:40:09 浏览：0
2026-10-15 10:30:04 浏览：0
2026-10-15 10:20:04 浏览：0
2026-10-15 10:10:19 浏览：0热门文章
2026-06-28 08:00:01 浏览：2
2026-08-14 16:50:24 浏览：1
2026-08-14 14:40:23 浏览：1
2026-08-14 13:50:23 浏览：1
2026-08-14 09:50:24 浏览：1
2026-08-14 08:30:26 浏览：1
2026-08-14 05:40:25 浏览：1
2026-08-14 04:10:24 浏览：1
2026-08-14 07:30:25 浏览：1
2026-08-14 01:10:20 浏览：1标签列表