使用CSS,如何設置單個單元格或單個列的格式?使用CSS,如何設置單個單元格或單個列的格式?
0
A
回答
4
給單元格一個類名稱和風格的類。
<td class="cellClass">test</td>
.cellClass { color: #a9a9a9 }
0
給電池/列一類或ID和使用CSS格式應用到
0
表格單元格,你需要給它某種標識,這樣你可以參考它。根據您的需求,這將是一個類或一個ID。
<td class="specialCell">...</td>
在你的CSS你就可以將不同格式:
.specialCell { color: red; }
如果您希望將不同樣式應用到一列,還有就是<col>
標籤,但瀏覽器的支持是有限的。你可能會更好的那類適用於手動的所有元素(或使用Javascript)
5
使用ID
選擇剛剛頁面中的一個元素目標,在這種情況下,一個表格單元格:
<tr>
<td id="foo"></td>
</tr>
然後在CSS:
#foo
{
//-- CSS styling goes here just for this element only
}
即散列符號(#
)標誌着名稱選擇爲屬於id
。您可以進一步鎖定它的樣式表只與ID應用於TD手機,像這樣:
td#foo
{
//-- CSS styling goes here just for this element only
}
如果您在rowspan
屬性添加到TD
,你就可以把它轉換成一個列並保留你可能已經設定的樣式。
<td id="foo" rowspan="3"></td>
如果標記與前一期的CSS選擇器的名稱,像這樣(。):
.foo
{
//-- CSS styles
}
,將目標class
選擇在HTML中,你可以風格,如果超過一個匹配的元素在應用CSS類屬性的標籤,就像這樣:
<tr>
<td class="foo"></td>
<td class="foo"></td>
<td class="foo"></td>
</tr>
不要使用CLASS
,除非它會出現不止一次在頁面上更多。
1
查看HTML和<colgroup>
標籤,它們允許您一次對整列或相鄰列組應用格式。
1
您可以風格應用COLGROUP
:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style type="text/css">
#special { background:yellow }
</style>
</head>
<body>
<table>
<colgroup></colgroup>
<colgroup id="special"></colgroup>
<tr>
<td>a</td>
<td>1</td>
</tr>
<tr>
<td>b</td>
<td>2</td>
</tr>
</table>
</body>
</html>
0
可以分配兩個名稱的列。 ex
<div class="foo"></div>
<div class="foo bar"></div>
<div class="foo"></div>
div.foo { color: #fff; }
div.bar { background-color: green; }
也許這可以解決您的問題?
相關問題
- 1. 如何使用css格式化單個gridview單元格?
- 2. 使用公式設置一個單元格等於另一個單元格
- 3. 如何從單元格中的單元格填充另一個單元格中的單元格使用excel
- 4. 如何使用php更改excel單元格或列格式?
- 5. 如何使用CSS表格對齊CSS和單元格/列?
- 6. 如何設置DataGridView中單個單元格的背景顏色?
- 7. 宏來設置單元格格式
- 8. CSS:如何設置單個表格單元的寬度和高度?
- 9. 使用CSS設置表格單元格的寬度
- 10. 如何使用apache poi設置3個單元格的註釋
- 11. 爲單個單元格設置兩種樣式
- 12. 在列表視圖中設置單個單元格
- 13. 條件格式單元格基於另一個單元格號
- 14. 如何從CSS設置表格單元格填充?
- 15. 如何將CSS類設置爲表格標題單元格
- 16. 如何在sqlserver中的單個單元格中獲取多個單元格值
- 17. 在Microsoft Excel中將列的多個單元格轉換爲單個單元格
- 18. 在一個單元格中檢測單個或多個單詞?
- 19. 簡單的CSS:我如何拆分兩個單元格
- 20. 如何在單元格中逐個單元格動畫元素?
- 21. 將單元格內的單元格轉換爲單個單元格
- 22. 按條件格式化單個公式的許多單元格
- 23. 使用內嵌塊或表格單元格爲css網格
- 24. 在表格中,如何在單個單元格中嵌套多行單元格?
- 25. 如何使用OpenOffice :: OODoc設置單元格樣式?
- 26. 將單元格從一個單元格複製到另一個單元格
- 27. 單元格格式
- 28. 使用Excel 2007 Interop和C設置單元格格式#
- 29. 如何使用jQuery設置第3,第4或第5個表格單元格的樣式
- 30. 設置單元格值
CSS標準定義了一個叫做** first-child **的僞類,它可以在不專門使用自定義css類的情況下解決問題,但沒有瀏覽器支持它...... – awe 2009-08-19 13:03:44
該CSS聲明將應用於多個元素。 – random 2009-08-19 13:04:19
在提到的問題中,「只是一個單元格」而不是「第一個單元格」。 – rahul 2009-08-19 13:05:27