19。再次添加新参考线:1280px和1350px,使用“矩形工具”绘制出一个矩形,并设如下图“图层样式”


20。添加图标(图标的颜色:#87cdf5),文字

21。接下来绘制分隔线
使用“线条工具”绘制两条坚线,一条填充:#0270bc;另一条:#148bcf。
然后点击“面板”上的“蒙版图标”,

添变效果如下图:


22。最终效果如下图:漂亮不,一个清爽的网页布局就在你手上制作出来了。


进入论坛交作业:http://www.missyuan.com/viewthread.php?tid=530017