根据下边的效果图完成一个完整网页的制作
1、新建项目
（1）打开HBuilderX新建一个项目
（2）在index.html文件中添加网页标题：音乐--和谐现场
效果：
2、新建CSS文件
在css文件夹中新建CSS文件，命名main.css
在main.css中添加代码：body{margin: 0;}，设置网页与浏览器四周距离为0。也可以在index.html文件<body>中添加，如：<body style="margin: 0;">
在index.html文件<head></head>中引入css：
<link rel="stylesheet" type="text/css" href="css/main.css"/> 3、布局
（1）最外面制作一个总框
在index.html文件<body></body>中添加：
<div class="main">
</div>main.css文件中添加css样式
.main{
width: 1500px;
margin: 0 auto;
border:1px solid dodgerblue;
}注：如果<div>里面是class="main"，css文件里面就写.main{}，如果是id="main"，css文件里面就写#main{}
现在里面还没有内容，也没有设置这个框的高度，所以运行出来是下面这样的：
（2）总框中分出头部、中部、尾部
在index.html文件<div class="main"></div>中添加：
<div class="tou">
</div>
<div class="zhong">
</div>
<div class="wei">
</div> main.css文件中添加css样式
最低0.47元/天 解锁文章
5731
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
