如何用圖像填充單元格

您好我正在使用3px * 10px漸變圖像來填充圖像我想用這個圖像填充完整的單元格，並且我想要自動拉伸圖像如果單元格的內容增加..但我不希望它重複，因爲圖像是一個漸變，它看起來很醜。有人可以請幫助。如何用圖像填充單元格

代碼snipet如下。

<html> 
<head></head> 
<body> 
<table border=1> 
<tr><td>a<td rowspan="9" style="background-image:url('images/bg_menu_hov.gif');background-repeat:no-repeat; height:100%;">&nbsp<td>b</tr> 
<tr><td>c<td>d</tr> 
<tr><td>e<td>f</tr> 
<tr><td>c<td>d</tr> 
<tr><td>e<td>f</tr> 
<tr><td>c<td>d</tr> 
<tr><td>e<td>f</tr> 
<tr><td>c<td>d</tr> 
<tr><td>e<td>f</tr> 
</table> 
<body> 
</html>

來源

2011-02-09 Vinay

說細胞，你的意思是表格或div的單元格？（或其他任何東西） – Sotiris 2011-02-09 16:36:57

我的意思是細胞的表.. – Vinay 2011-02-09 16:37:58

無論你做什麼，拉伸一個漸變圖像，小看起來很醜。由於你從一個微觀圖像開始，它會很快得到塊狀/像素化。 – 2011-02-09 16:38:00

根據圖像，您將需要設置您的background-repeat不同。

拉伸圖像可能不是一個好主意。一般來說，你應該使你的梯度寬或足夠高，以適應你的設計。將梯度漸變爲與您設置的背景顏色相同的顏色是一個不錯的主意。

從您的圖像大小（3px * 10px）判斷我猜你需要將background-repeat設置爲'repeat-x'。

來源

2011-02-09 16:40:46

如果按照您的代碼建議的那樣，您使用的圖像寬度爲3像素，但如果它平鋪看起來真的很難看，看起來不太好看。

如果梯度是純粹垂直的，考慮縮小原始圖像爲1px寬。這樣就不會有水平重複的噪音。

來源

2011-02-09 16:41:16 daveyfaherty

如何用圖像填充單元格

回答

相關問題