div+css怎么布局呢?

html-css019

div+css怎么布局呢?,第1张

最一般的布局方式是头部、主体部分、尾部,类似于word文档的页眉、文档主体内容、页脚的分布。大致模型是这样:

<div class="header">头部的内容一般是logo\网站导航等</div>

<div class="main">主体内容,一般有左右结构(两栏式)、左中右结构(三栏式)和通栏结构(一栏式)</div>

<div class="footer">尾部内容,一般为版权说明、网站地图、网站备案号、联系方式、网站统计之类的内容</div>

这个是一个背景。。这个背景有一个渐变。。如果不懂的话。去学学PS。

然后是一个DIV元素。。给它加上

background-image: url(xxx.jpg)

background-repeat:repeat-x

background-position:top