网页设计框架布局代码(html简单代码

我们先来看看效果图:

看看源代码吧。 下面的源代码其实是标准的XHTML模板。

This is title header

列表

用户

pics

福斯特

看看CSS文件。

@CHARSET ‘UTF-8 ‘;

*{

padding:0;

margin:0;

}

body{

width:960px;

margin :0自动;

后台: # fff

}

#header{

width :自动;

height:150px;

border :2 px固态# CCC;

margin:10px 0;

}

#list{

width:600px;

height:514px;

border :2 px固态# CCC;

浮点:轻型;

}

#user{

width:340px;

height:250px;

border :2 px固态# CCC;

浮点:左;

}

#pics{

width:340px;

height:250px;

border :2 px固态# CCC;

浮点:左;

margin:10px 0 0 0;

}

#footer{

width :自动;

height:150px;

文本对齐3360中心;

}

要在下面显示边框,必须添加以下代码:

border :2 px固态# CCC;

margin:534px 0 0 0;

元载:蜗牛博客

URL:http://www.snailtoday.com

尊重著作权,转载时必须以链接形式注明作者和原创来源及本声明。

Published by

风君子

独自遨游何稽首 揭天掀地慰生平

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注