HTML CSS網格3x3與div

我不是HTML/PHP的新手。只是......有點無能爲力。我需要的是這樣的：HTML CSS網格3x3與div

ss of diagram

我知道它只是一個草圖，和粗糙作爲一個低估，但可能有人幫助嗎？最好在html css中完成。

如果任何人都可以幫忙，你能工作嗎？

Width: 900px 
bg colour:e9e9e9 
align:center 
Top, bottom, left and right side images repeat 
Corner images don't repeat 
Corner images: 40 x 40 
Side/top/bottom images: repeat

我有這個至今：jsfiddle

來源

2013-05-13 user2378230

首先，你確定你需要div嗎？也許它可以更好的表？是否需要擴展它或保持不變？ – Xaltar 2013-05-13 15:48:19

我需要它保持固定的大小，並且在中央內容div和周圍的div之間沒有差距。我需要他們包裝到中央分區。 – user2378230 2013-05-13 15:55:20

你確定你需要圖片嗎？如果你只需要圓角，陰影，邊框和類似的東西，你可以使用CSS3。 – android 2013-05-13 15:57:43

也許這可能是有用的：jsfiddle

基本上這是一個HTML蓋與添加爲例基本的CSS和圖像。你只需要加入你想在CSS屬性添加，例如大小和顏色：

width : 900px; 
background-color : #E9E9E9; 
align : center

你爲例還是不錯的，但我認爲你也只會在做有可能有一個更好的結果首先是HTML，然後是CSS。如果你讓我給你一個建議，你應該做的divs的positionning用一個簡單的CSS如border : 1px solid black; height : 15px; width : 15px，並基於一個強大的HTML代碼。然後切換到CSS，使其看起來不錯。最後，您可以添加內容。

來源

2013-05-13 15:40:17 Xaltar

你應該考慮做這個評論。這不是一個真正的答案 – 2013-05-13 15:41:29

HTML CSS網格3x3與div

回答

相關問題