任鸟飞网站设计博客

页面布局时，各版块之间采用有凸凹效果的分界线分隔，能突出版块内容，增加页面的立体感。

本站页眉部分就是采用有凸凹效果的分界线来分隔导航栏与其他内容。

制作有凸凹效果分界线的方法：

预览：

原理：

1. 上半部分背景颜色相对下半部分稍微浅一点
2. 上半部分的下边框颜色采用深色调（看起来比较暗）
3. 下半部分的上边框颜色采用比下半部分的背景颜色浅一点

本例颜色搭配如下：