输入banner图图片脚本导航/分类

简单的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 Content




这是一行文本,这里作为样例,显示在布局框中

这是一行文本,这里作为样例,显示在布局框中








Page Content1




这是一行文本,这里作为样例,显示在布局框中

这是一行文本,这里作为样例,显示在布局框中











Page Side




这是一行文本,这里作为样例,显示在布局框中

这是一行文本,这里作为样例,显示在布局框中








Page Side




这是一行文本,这里作为样例,显示在布局框中

这是一行文本,这里作为样例,显示在布局框中









p2

实例2 代码:



固定宽度 相对定位






Page Content




这是一行文本,这里作为样例,显示在布局框中

这是一行文本,这里作为样例,显示在布局框中








Page Content1




这是一行文本,这里作为样例,显示在布局框中

这是一行文本,这里作为样例,显示在布局框中











Page Side




这是一行文本,这里作为样例,显示在布局框中

这是一行文本,这里作为样例,显示在布局框中








Page Side




这是一行文本,这里作为样例,显示在布局框中

这是一行文本,这里作为样例,显示在布局框中