html5 div 简单布局

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>html5 div 布局</title><style>body{margin: 0px;padding: 0px;}div#container{width: 100%;height:600px;background-color: #777777;}div#header{width: 100%;height: 10%;background-color: #0000FF;}div#content_menu{height: 80%;width: 30%;background-color: #0E2D5F;float: left;}div#content_body{width: 70%;height: 80%;float: left;background-color: #0092DC;}div#footer{width: 100%;height: 10%;background-color: #575765;clear: both;/**清除浮动*/}</style>
</head>
<body><div id="container"><div id="header">头部</div><div id="content_menu">内容菜单</div><div id="content_body">内容主题</div><div id="footer">底部</div></div>
</body>
</html>

html5 div 简单布局相关推荐

js动态生成按钮，页面用DIV简单布局2
对前边不完善的修改 <!DOCTYPE html> <html> <head> <title>test.html</title> <m ...
html页面按钮布局,js动态生成按钮，页面用DIV简单布局(示例代码)
今天朋友让我忙帮给写个页面,由于时间紧破,所以没有完善,暂时先贴出来,以后有时间了在做修改 * { margin: 0px; padding: 0px; } .header { width: 100% ...
html5绘制布局图,html5 div布局与table布局详解
本文实例为大家解析了html5 div布局与table布局,供大家参考,具体内容如下 div布局:html+css实现简单布局. #container中height不能写成百分数,必须为具体高度. d ...
html5 div布局table,H5的div布局与table布局详解
这次给大家带来H5的div布局与table布局详解,H5div布局与table布局的注意事项有哪些,下面就是实战案例,一起来看一下. 本文实例为大家解析了html5 p布局与table布局,供大家参考 ...
网站开发之DIV+CSS简单布局网站入门篇（五）
这篇文章主要介绍如何使用DIV和CSS简单布局一个网站的首页,通常将网站划分为顶部(Logo.导航条).中部(页面主要内容.左右栏目).底部(制作方介绍.超链接).这是非常基础的一篇引入性文章,采用案 ...
html5 div布局与table布局
div布局:html+css实现简单布局. #container中height不能写成百分数,必须为具体高度. <!DOCTYPE html> <html> <head ...
css+div实现简单布局
1.技术目标: 开发符合W3C标准的Web页面理解盒子模型实现DIV+CSS整体布局 2.什么是W3C标准? W3C:World Wide Web Consortium,万维网联盟 W3C的职能: ...
圣诞节静态HTML网页作业作品大学生圣诞网页设计制作成品简单DIV CSS布局网站
圣诞节静态HTML网页制作网页介绍网页作品截图网页代码预览源地址网页介绍大学生圣诞节网页作业成品采用DIV CSS布局制作,主要内容包括圣诞节日介绍.节日发展.习俗庆祝.地区特色等内容,作 ...
《HTML5+CSS3网页布局和样式精粹》.(张亚飞).[PDF]ckook
图书作者: 张亚飞图书编号: 9787302261834 图书格式: PDF 出版社: 清华大学出版社出版年份: 2011 图书页数: 500-600 [内容简介] 对于初入门的网页设计者和开 ...

html5 div 简单布局

html5 div 简单布局相关推荐

最新文章

热门文章