2010-04-21 283 views
2

我想將HTML表格中的單元格背景設置爲this如何在HTML表格中設置單元格的背景?

  • 除了使用圖像作爲背景之外,我還有哪些選擇?
  • 是否有像這樣的預定義背景?也許點綴,或對角線的背景?
  • 在圖像背景的情況下,如果我事先不知道單元格的大小,我應該使用什麼圖像大小?如何使它重複,所以它會看起來不錯?

任何HTML/CSS/JavaScript的/ jQuery的建議,歡迎:)

+0

我不知道你是否可以採取大片的candystripe圖像和整個表的背景設置爲它,然後只用純色哪裏,無論你 - 不要看到candystripe。取決於您想要顯示該背景的單元的百分比。這樣做的好處是,如果您使用液體佈局而不是固定寬度的單元格,則可能會遇到更少的問題。 – Kzqai 2010-04-21 14:54:53

+0

恩,我的眼睛! – 2010-04-21 16:30:58

回答

1

你將不得不使用的背景圖像類似的東西。爲了平鋪,您可以在CSS定義中使用repeat屬性。

td .weird-background { 
    background-image: url('/background.gif'); 
    background-repeat: repeat; 
} 
+0

非常感謝! – 2010-04-22 12:30:06

1

什麼是除了使用作爲背景的圖片我的選擇?

在CSS 3中可能有一些瀏覽器支持非常有限的東西。

在圖像背景的情況下,如果我事先不知道單元的大小,我應該使用什麼圖像大小?

高度應該是從一條線的上邊緣到下一條線的上邊緣的距離。寬度應該是從一條線的左邊緣到下一條線的左邊緣的距離。

如何使它重複,所以它會看起來不錯?

background-repeat: repeat; /* this is the default */ 
0

據我所知,沒有辦法比使用背景圖像等。儘管在未來的CSS版本中可能會有這種支持。

+0

對於css人來說,這看起來太具體了,只是爲了這種類型的顯示,所以我希望圖像是唯一可以應對未來的解決方案。 – Kzqai 2010-04-21 14:57:53

+0

@Tchalvak:可能但沒有人知道未來。我們是否曾經想過CSS3和HTML5提供的很好的功能:) – Sarfraz 2010-04-21 15:05:49

+0

對,我從這樣的東西推斷出來,html5和css3中的創新很好,因爲它們適用於各種各樣的用例,相當普遍適用。例如http://www.css3.info/preview/border-image/是一個具有多種用途的單一實現,因爲它是一種通用解決方案,可以以特定於版本的方式使用。我期待着與candystripe圖像一樣的東西。 – Kzqai 2010-04-21 16:46:34

相關問題