HTML-DIV布局1

来源：互联网发布：开票接口软件使用编辑：程序博客网时间：2024/05/21 13:58

<!DOCTYPE html><html><head><title>DIV布局1</title><style type="text/css">div#container{width:500px;}div#header {background-color:#99bbbb;}div#menu {background-color:#ffff99; height:200px; width:150px; float:left;}div#content {background-color:#EEEEEE; height:200px; width:350px; float:left;}div#footer {background-color:#99bbbb; clear:both; text-align:center;}h1 {margin-bottom:0;}h2 {margin-bottom:0; font-size:14px;}ul {margin:0;}li {list-style:none;}</style></head><body><div id="container"><div id="header"><h1>Main Title of Web Page</h1></div><div id="menu"><h2>Menu</h2><ul><li>HTML</li><li>CSS</li><li>JavaScript</li></ul></div><div id="content">Content goes here.</div><div id="footer">Copyright W3School.com</div></div></body></html><img src="http://img.blog.csdn.net/20160611110658026?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" />

0 0