首页 > 编程知识 正文

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

时间:2023-05-06 09:42:41 阅读:73642 作者:3555

我们先来看看效果图:

看看源代码吧。 下面的源代码其实是标准的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

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

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。