Question

我必须重现这个线框：http://www.problemio.com/wireframe.pdf

你看到有蓝色和黑色背景的窄div，右边有“store | support | search”字样

是否可以在css中重现该背景？或者我需要一个图像吗？另外，还有什么方法可以告诉那个蓝色的html代码究竟是什么？

谢谢！

Answer 1

O_O no ...你无法在CSS中重现那种随机噪声背景。你必须使用图像。对于颜色，截取屏幕截图并在GIMP / MS Paint / Photoshop /大多数其他图像编辑工具中打开它，并使用吸管选择颜色。你想要的值是6个字符长，如＃FED2E6或其他。

Answer 2

仅在CSS中创建这样复杂的模式是不可能的，您需要使用图像。

通过图像中的“蓝色”颜色来了解你的意思有点棘手，因为那里可能有很多不同的蓝色。如果您可以访问Photoshop的副本，请打开PDF并使用颜色选择器获得您想要的蓝色。

Answer 3

是否可以在css中重现该背景？

它可能是一个CSS3模式。以下是一些 nifty examples 。但正如其他人所说，在那个背景中有很多随机噪音，所以它很可能是一张图像。

另外，还有什么方法可以告诉那个蓝色的html代码究竟是什么？

是的，如果您有像Photoshop或Gimp这样的程序，可以使用颜色选择器来获取所需像素的十六进制代码。

Answer 4

该页面上的背景看起来像是图片的repeat-x。你可能需要做那样的事情。

更新：您可以使用 .png 作为“噪音”并设置背景颜色，如下所示：

.menuHeader
{
    background-image:url('noise.png');
    background-repeat:repeat-x;
    background-color: #0000FF; /* whatever you want to set the color to */
}

如何在这个线框中制作双色背景

4 个答案: