帶div的HTML CSS網格3x3

Question

我不是HTML / PHP的新手。 只是……有點無能為力。 我需要這樣的東西：

我知道這只是一個粗略的草圖，而粗略的估計不足，但是有人可以幫忙嗎？ 最好在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

Answer 1

也許這可能是有用的： jsfiddle

基本上，這是一個HTML封面，其中包含基本的CSS和圖像，例如。 您現在只需要在CSS屬性中添加想要添加的大小和顏色，例如：

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

您的例子很好，但是我認為您可能只通過先執行HTML，然后再執行CSS就能獲得更好的結果。 如果您允許我提供建議，則應使用簡單的CSS來定位divs ，例如border : 1px solid black; height : 15px; width : 15px border : 1px solid black; height : 15px; width : 15px border : 1px solid black; height : 15px; width : 15px ，並在此基礎上編寫強大的HTML代碼。 然后切換到CSS，使其看起來不錯。 最后，您可以添加內容。