手把手教大家用DIV排版网页

兮哩糊涂の斗

首先你要有一定的网页基础知识，因为DIV+CSS是手写代码，其实也很简单，下面我说下排版思路，在这里我以做一个网上商店为例，
第一步：定议网页主体宽度为750像素，背景色为蓝色，边框为实线，黑色，相对定位！
第二步：定议BANNER条；将图片设为固定，不重复！
第三步：定议导航条，先定议宽度，将导航条LI列表样式设为无，分别设置链接，块，行高，对齐方式，字体，背景，边框。
第四步：定议网页内容，将左边栏宽度设为180像素，相对定位！
第五步：设置右边栏为绝对定议，将图片及内容设为左边浮动！
第六步：设置网页底部的距离！
至此本实例制作完成，文件已经打包上传，其实蛮简单.....
效果如下：

附件：  圣罗兰.rar (349 K) 下载次数:62