滁州高端响应式网站设计

响应式网页设计、开放源代码、永久使用、不限域名、不限使用次数

建站案例

上下型网站布局

分析: 

从整体结构来看该网页属于“上下型”结构布局,上半部分是以个人独特个性显示的菜单,下半部分是一些商品的图片和一些相关的超级链接,通过这些链接可以让浏览者浏览到更多有关该商品的详细信息,最下面是是网站的底栏,主要包括版权信息和联系方式。

代码:

用于控制该页面整体元素属性的相关 CSS 代码如下:

body {

background: url(images/bg.jpg) top repeat-x #711a43;

margin: 0px;

padding:0px;

font: 11px arial, helvetica;

color: #856674;

text-align: left;

}

结论:

该页面的主体部分通过不同背景颜色的变化,能较递增缓和的体现出页面的色彩层次感来,从而展现出该网页的主体部分的“上下型”布局结构,该结构简单易学,是初入网页制作行业者最容易学会的布局模版之一。整个页面配色单纯,却不简单,是另一种设计风格。



相关文章