我想將HTML表格中的單元格背景設置爲this。如何在HTML表格中設置單元格的背景?
- 除了使用圖像作爲背景之外,我還有哪些選擇?
- 是否有像這樣的預定義背景?也許點綴,或對角線的背景?
- 在圖像背景的情況下,如果我事先不知道單元格的大小,我應該使用什麼圖像大小?如何使它重複,所以它會看起來不錯?
任何HTML/CSS/JavaScript的/ jQuery的建議,歡迎:)
我想將HTML表格中的單元格背景設置爲this。如何在HTML表格中設置單元格的背景?
任何HTML/CSS/JavaScript的/ jQuery的建議,歡迎:)
你將不得不使用的背景圖像類似的東西。爲了平鋪,您可以在CSS定義中使用repeat
屬性。
td .weird-background {
background-image: url('/background.gif');
background-repeat: repeat;
}
非常感謝! – 2010-04-22 12:30:06
什麼是除了使用作爲背景的圖片我的選擇?
在CSS 3中可能有一些瀏覽器支持非常有限的東西。
在圖像背景的情況下,如果我事先不知道單元的大小,我應該使用什麼圖像大小?
高度應該是從一條線的上邊緣到下一條線的上邊緣的距離。寬度應該是從一條線的左邊緣到下一條線的左邊緣的距離。
如何使它重複,所以它會看起來不錯?
background-repeat: repeat; /* this is the default */
據我所知,沒有辦法比使用背景圖像等。儘管在未來的CSS版本中可能會有這種支持。
對於css人來說,這看起來太具體了,只是爲了這種類型的顯示,所以我希望圖像是唯一可以應對未來的解決方案。 – Kzqai 2010-04-21 14:57:53
@Tchalvak:可能但沒有人知道未來。我們是否曾經想過CSS3和HTML5提供的很好的功能:) – Sarfraz 2010-04-21 15:05:49
對,我從這樣的東西推斷出來,html5和css3中的創新很好,因爲它們適用於各種各樣的用例,相當普遍適用。例如http://www.css3.info/preview/border-image/是一個具有多種用途的單一實現,因爲它是一種通用解決方案,可以以特定於版本的方式使用。我期待着與candystripe圖像一樣的東西。 – Kzqai 2010-04-21 16:46:34
既然你提到javascript輸入是受歡迎的,我會補充說你可以使用javascript來繪製背景畫布。
我不知道你是否可以採取大片的candystripe圖像和整個表的背景設置爲它,然後只用純色哪裏,無論你 - 不要看到candystripe。取決於您想要顯示該背景的單元的百分比。這樣做的好處是,如果您使用液體佈局而不是固定寬度的單元格,則可能會遇到更少的問題。 – Kzqai 2010-04-21 14:54:53
恩,我的眼睛! – 2010-04-21 16:30:58