td背景色
① 怎么才可以设置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";