當前位置:首頁 » 風景景觀 » 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