div 用于对网页模块化划分
div 标签能够把文档分割为独立的、区别的部分。它能够用作严格的组织工具，并且不运用任何格式与其相关。
<div> 是一个块级元素。这寓意着它的内容自动地起始一个新行
大致上能够这般理解
将一个网页进行这般划分,变成模块,而后在做编辑和布局
亦便是把网页划成多个格子,方便咱们在每个格子里操作
这儿是必须用CSS的,倘若不懂的话,只要理解下面的代码就能够了
<body>
<!--头部模块-->
<div class="top">
</div>
<!--中间提示-->
<div class="tips"></div>
<!--中间的展现-->
<div class="center">
<div class="login">
</div>
</div>
<!--底部模块-->
<div class="bottom"></div>
</body>
完整代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
.top{
height:100px;
width: 100%;
/*背景颜色*/
bac公斤round-color: red;
}
.tips{
width: 100%;
height: 40px;
bac公斤round-color: pink;
}
.center{
width: 100%;
height: 475px;
bac公斤round-color: palegreen;
}
.bottom{
width: 100%;
height: 150px;
bac公斤round-color: paleturquoise;
}
.login{
width: 350px;
height: 400px;
bac公斤round-color: #ffffff;
/*相对定位*/
position: relative;
left: 950px;
top: 10px;
}
</style>
</head>
<body>
<!--头部模块-->
<div class="top">
</div>
<!--中间提示-->
<div class="tips"></div>
<!--中间的展现-->
<div class="center">
<div class="login">
</div>
</div>
<!--底部模块-->
<div class="bottom"></div>
</body>
</html>
<!--
div本身是无任何的含义
div：功效便是把网页进行模块化的划分
-->
效果截图
| 
发表于 2024-6-29 12:22:03
