使用CSS为页面内容构建框架

-7

enter image description here 使用CSS为页面内容构建框架

嗨，大家好，我需要用CSS来做这样的框架。我有8个图像（4个顶部和底部的角落和4个图像将被重复）。此框架应该可调整大小，所以我可以使用javascript将其调整为屏幕尺寸。

问题是我不知道该怎么做。我试图谷歌教程，但失败。

有人能指点我的方向吗？所以我有一个地方开始。一些教程或例子人们如何做）将非常感谢，谢谢）

P.S.

我知道如何调整图像大小。我不知道如何结合div's有像绿色标题。中间有两个角落和可调整大小的元素。

来源

2013-02-18 makambi

SO不是一个驱动代码生成器。请尝试自己去尝试一下。有很多教程。 – BenM 2013-02-18 13:05:38

没有努力，没有进展。 – jolt 2013-02-18 13:06:46

你尝试过搜索任何东西吗？ “CSS渐变”或“CSS圆角”也许？ – cimmanon 2013-02-18 13:07:23

除了标题背景，你将不再需要任何其他图像。您可以使用带图像背景和100％宽度的标题的div，另一个div用作具有背景和边框以及填充/边距的外部“正方形”，然后使用白色背景和边框半径的div（http://www.w3schools.com/cssref/css3_pr_border-radius.asp）。（你也可以通过使用css3从标题背景做渐变，但它尚未被浏览器采用）。

来源

2013-02-18 13:13:08