当前位置:首页 » 风景景观 » td背景色

td背景色

发布时间: 2020-11-23 15:25:19

① 怎么才可以设置td有的背景颜色,鼠标没有放上去显示黄色,当鼠标放上去变灰色

假设你的按钮的class是btn,两个背景图片分别是bg1.jpg和bg2.jpg,那么可以这样来做
css部分:
.btn {background:url(bg1.jpg);}
.btn:hover {background:url(bg2.jpg);}

html部分就很简单了,给input加个样式就行
<input class="btn" type="submit" value="我是按钮" />

使用这个样式时别忘了先把input的默认样式,那些padding、margin、border什么的都清零,然后再定义一下宽高,这样出来的视觉效果会好些。

② jquery 怎么样实现,点击一个表格(table)的 td时改变其背景颜色

需要准备的材料分别有:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:index.html,并引入jquery。

③ JS怎样获得td的背景颜色

这个方法就可以:

<html>
<head>
<title>changeTdColor</title>
<style>
table,td{
border:1pxsolidblack;
border-collapse:collapse;
}
td{
border:1pxsolidblack;
border-collapse:collapse;
width="30px";
height="15px";
}
</style>
<script>
functionchangeColor(obj){
varbgColor=Math.floor(Math.random()*255*255*255);
obj.style.backgroundColor=bgColor;
}
</script>
</head>
<body>
<table>
<tr>
<tdonClick="changeColor(this)">1</td>
<tdonClick="changeColor(this)">2</td>
<tdonClick="changeColor(this)">3</td>
</tr>
<tr>
<tdonClick="changeColor(this)">4</td>
<tdonClick="changeColor(this)">5</td>
<tdonClick="changeColor(this)">6</td>
</tr>
<tr>
<tdonClick="changeColor(this)">7</td>
<tdonClick="changeColor(this)">8</td>
<tdonClick="changeColor(this)">9</td>
</tr>
</table>
</body>
</html>

④ 怎么使用JavaScript在自定义函数里改变任意<td>的背景色

javaScript可以通过CSS样式间接改变<td>背景颜色:

1。<td>必须有id号 即<td id="td1">。( 方便调用 document.getElementById("td1"))

2。CSS样式中背景颜色background-color,颜色格式#rrggbb,rgb(rr,gg,bb)(javaScript背景颜色backgroundColor)

范例html文件代码:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title> 改变表格颜色</title>
</head>
<body>
<table width="400" border="1" cellspacing="0" cellpadding="0">
<tr>
<td id="td1" bgcolor="#000000"></td><!--设置黑色的(实际为红色)-->
<td bgcolor="#000000"></td>
</tr>
</table>
</body>
<script language="javascript" type="text/javascript">
<!--
document.getElementById("td1").style.backgroundColor="#FF0000";
//引用了td1单元格,改变backgroundColor值
-->
</script>
</html>

⑤ html中根据td背景颜色选择特定单元格 代码详细点 谢谢

用jQuery写的,可根据颜色在td中写入内容。
因为网络不能发链接,记得把jquery路径加入。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script src="这里填写jquery路径"></script>
<script>$(function(){$('td').each(function(){
if($(this).attr('style')=='background:#F00'){$(this).html('selected')}
})
})
</script>
<style>
</style>
</head>
<body>
<table width="200" border="1">
<tr>
<td style="background:#F00"> </td>
<td style="background:#999"> </td>
<td style="background:#CF6"> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>

⑥ 关于<td>填充背景

<table cellpadding="0" cellspacing="0">
</table>
再试试吧

⑦ javascript 设置TD背景色

将red两边加上引号
"red" 或 'red'

补充回答:javascript是区分大小写的,其中的背景色属性是bgColor,不是bgcolor

⑧ td中加一个色块背景或图片背景, 要求按百分比横向填满, 用背景的原因是还要写字, css如何写

td好像不用css就能实现这些
<td width="100" height="100" bgcolor="#aaaaad" background="./image/001.jpg">123</td>
bgcolor是背景颜色
background是背景图片
你只要设置好td的宽度和高度。他会自动平铺背景的

⑨ 两句css给同一个表格的td标签设置背景色谁会起作用为什么

这里就涉及到css样式的优先级了。
从大的方面将,html文档中样式有三种定义方式。
1、外部样式,通过link引用外部样式文件,如<link rel="stylesheet" type="text/css" href="style.css"/>
2、内部样式,在html文档中定义样式,如h3{color:green;}
3、内嵌样式,在某个dom元素上定义style。
这三种方式的优先级从1-3逐渐增强。
如果同时定义了好几个样式作用于一个元素上,则最终起作用的按照以下优先级。
1. 内联样式表的权值最高 1000;
2. ID 选择器的权值为 100
3. Class 类选择器的权值为 10
4. HTML 标签选择器的权值为 1
权值越高的就优先起作用。

⑩ js, 怎么修改单元格<td>的css样式比如单元格的背景颜色

不要用id直接取元素而且你的样式写的也不对

document.getElementById("a1").style.backgroundColor="red";
热点内容
一部国外电影,一个老男人骑个摩托车 发布:2024-08-19 09:13:10 浏览:920
脖子上有睾丸是什么电影 发布:2024-08-19 09:03:17 浏览:374
变形金刚撒谁家的 发布:2024-08-19 08:43:06 浏览:478
美国男电影双胞胎 发布:2024-08-19 08:42:20 浏览:764
黑人橄榄球少年收养电影 发布:2024-08-19 08:25:26 浏览:918
夏目哉大片 发布:2024-08-19 08:09:22 浏览:806
他第一部出演的电视剧是,的英语 发布:2024-08-19 08:07:54 浏览:654
电影检索 发布:2024-08-19 07:48:52 浏览:198
谁有视频 发布:2024-08-19 07:41:55 浏览:141
成龙香港鬼片电影大全 发布:2024-08-19 07:39:46 浏览:223