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";