<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Div练习</title>
</head>
<body>
<!-- border(宽度 边框样式 颜色)设置div边框 -->
<div id="container" style="width: 500px;background-color: tan;border:1px solid red;">
<div id="header" style="background-color: #ffa500;">
<h1 style="margin: 0;">主要的网页标题</h1>
</div>
<!-- float(浮动是)left元素向左浮动 right元素向右浮动none（默认值）不浮动inherit 规定应该从父元素继承 float 属性的值。（注：IE浏览器不支持）-->
<div id="menu" style="background-color: #ffd700; height: 200px; width: 70px; float: left;">
<b>菜单</b><br />
HTML<br />
css<br />
javascripe<br/>
</div>
<div id="content" style="background-color: #eeeeee;height: 200;width: 430px;float: left;">
内容在这里
</div>
<!-- text-align设置文本内容对齐方式 center水平对齐 right右对齐 left左对齐-->
<div id="footer" style="background-color: #ffa500;clear: both;text-align: center;">版权C cccccc</div>
</div>
</body>
</html>
03-13
1万+
1万+
06-11
425
425
“相关推荐”对你有帮助么？
-
非常没帮助 -
没帮助 -
一般 -
有帮助 -
非常有帮助
提交
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
