带有div的HTML CSS网格3x3

时间:2013-05-13 15:35:27

标签: css html

我不是HTML / PHP的新手。只是......有点无能为力。我需要这样的东西:

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

1 个答案:

答案 0 :(得分:0)

也许这可能有用:jsfiddle

基本上它是一个带有基本CSS和图像的HTML封面,例如。 您现在只需要在CSS属性中添加要添加的大小和颜色,例如:

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

你的例子很好,但我认为通过首先只使用HTML,然后是CSS,你可能会有更好的结果。 如果您允许我给您一个建议,您应该使用divs之类的简单CSS对border : 1px solid black; height : 15px; width : 15px进行定位,并根据该代码制作强大的HTML代码。然后切换到CSS以使其看起来很好。 最后,您可以添加内容。