带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，使其看起来不错。 最后，您可以添加内容。