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

回答

相关问题