跳转到主内容
趣航编程网 - 趣学编程,启航技术之路!

简单的div+css布局之一_html/css_WEB-ITnose

简单的div+css的实例布局,利用图片进行布局,首先要准备5张图片。

left-top.gif                    right-top.gif right.gif                          left-bottom.gif right-bottom.gif立即学习“前端免费学习笔记(深入)

”;

p1

实例1代码:

固定宽度  相对定位Page Header这是一行文本,这里作为样例,显示在布局框中这是一行文本,这里作为样例,显示在布局框中查看详细信息Page Content这是一行文本,这里作为样例,显示在布局框中这是一行文本,这里作为样例,显示在布局框中查看详细信息Page Content1这是一行文本,这里作为样例,显示在布局框中这是一行文本,这里作为样例,显示在布局框中查看详细信息Page Side这是一行文本,这里作为样例,显示在布局框中这是一行文本,这里作为样例,显示在布局框中查看详细信息Page Side这是一行文本,这里作为样例,显示在布局框中这是一行文本,这里作为样例,显示在布局框中查看详细信息Page Footer这是一行文本,这里作为样例,显示在布局框中这是一行文本,这里作为样例,显示在布局框中查看详细信息p2实例2 代码:固定宽度  相对定位Page Header这是一行文本,这里作为样例,显示在布局框中这是一行文本,这里作为样例,显示在布局框中查看详细信息Page Content这是一行文本,这里作为样例,显示在布局框中这是一行文本,这里作为样例,显示在布局框中查看详细信息Page Content1这是一行文本,这里作为样例,显示在布局框中这是一行文本,这里作为样例,显示在布局框中查看详细信息Page Side这是一行文本,这里作为样例,显示在布局框中这是一行文本,这里作为样例,显示在布局框中查看详细信息Page Side这是一行文本,这里作为样例,显示在布局框中这是一行文本,这里作为样例,显示在布局框中查看详细信息Page Footer这是一行文本,这里作为样例,显示在布局框中这是一行文本,这里作为样例,显示在布局框中查看详细信息

相关文章