迷你布局的灵感就9rules设计

在此教程中我们将会向您展示如何建立一个简单的标题效应在几个步骤，并与一些载体的质地，请尝试创建一个小的布局，在烟花与9rules.com作为我们的参考。在第2部分，我们将在哪里做的HTML/CSS向您展示如何布局，这反应到浏览器！

第1步-标题背景

开始，打开一个新的600x600px文件，背景为＃dbe8c4 。之后，作出600x105px矩形在最上方。使用线性梯度，颜色＃669933 ＃0b1005 。

第2步-影响

使用条纹的效果，让我们使用2 overlayed纹理。使第一个，使矩形大于最后一个在顶部，它（我们正在使用的625x162px ）和填补它与DNA的纹理，颜色＃666666 。之后，申请一项议案，模糊与价值观，显示贝娄和混合模式软回避。之后，重复的这层及所有您需要做的就是改变纹理，以网格4和混合模式覆盖。在这里我们将不能掩盖什么的离开，让我们只需要建立一个白色矩形上述这一切。

第3步-身体梯度

 
现在，使一个矩形与线性梯度为主要背景。使用颜色＃93b956 ＃dbe8c4和离开y的立场109 。现在让我们使好水平线在标题中， 1px和＃c2d79a 。采取一看图片就如何要素应该看看现在。

第4步-布局要素

现在我们没有任何影响，更疯狂的工作需要去做。让我们只需使用我们的创造力和添加一些元素的布局。让我们使用一些大的词组，文本，链接列表，页脚和当然，美观大方的图标和标题，使的看好。

最终的结果

你可以看到整个过程，实在是简单...大约是试图颜色，效果和尝试作出之间取得良好的平衡元素，所以我们可以得到良好的，和谐的布局。