编辑您的代码：提交代码

​x
 
1
2
3
<!DOCTYPE html>
4
<html>
5
<head>
6
<style type="text/css">
7
div#container{width:500px}
8
div#header {background-color:#99bbbb;}
9
div#menu {background-color:#ffff99;height:200px;width:150px;float:left;}
10
div#content {background-color:#EEEEEE;height:200px;width:350px;float:left;}
11
div#footer {background-color:#99bbbb;clear:both;text-align:center;}
12
h1 {margin-bottom:0;}
13
h2 {margin-bottom:0;font-size:18px;}
14
ul {margin:0;}
15
li {list-style:none;}
16
</style>
17
</head>
18
​
19
<body>
20
​
21
<div id="container">
22
​
23
<div id="header">
24
<h1>Main Title of Web Page</h1>
25
</div>
26
​
27
<div id="menu">
28
<h2>Menu</h2>
29
<ul>
30
<li>HTML</li>
31
<li>CSS</li>
32
<li>JavaScript</li>
33
</ul>
34
</div>
35
​
36
<div id="content">Content goes here</div>
37
​
38
<div id="footer">Copyright w3c0.com</div>
39
​
40
</div>
41
​
42
</body>
43
</html>
44
          

查看结果：

请在上面的文本框中编辑您的代码，然后单击提交按钮测试结果。w3c0.com

W3c0.com 提供的内容仅用于培训。我们不保证内容的正确性。通过使用本站内容随之而来的风险与本站无关。W3c0 简体中文版的所有内容仅供测试，对任何法律问题及风险不承担任何责任。 当使用本站时，代表您已接受了本站的使用条款和隐私条款。版权所有，保留一切权利。 鲁ICP备15022115号