方法
- 首先新建一个文本文档并打开。
- 打开后先输入以下代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title><title>
</hea360新知d>
<body>
</body>
</html>
- 然后在<body>和</body>之间创建四个div，代码如下：
<div id="prat1">块1</div>
<div id="prat2">块2</div>
<div id="prat3">块3</div>
<div id=顾风限脚"prat4">块伤好推由临露武任样苦著4</div>
- 然后使用style标签对4个div进行控制，代码如下：
<style>
#prat1{
width: 200px;
height: 200px;
backgr指ound: blue;
float: left;
}
#prat2{
width: 20击同反运村投即示0px;
height: 200px;
background: red;
float: left;
}
#prat3{
width: 200px;
height: 200px境守果雷脸少规;
backgrou免充示报家贵往担看nd: yellow;
float: left;
clear: left;
}
#prat4{
width: 200px;
height: 200px;
background: green;
float: left;
}
</style>
- 代码输入完成后点击文件，在弹出的对话框中点击另存为。
- 在弹出的另存为窗口中选择好要保存的位置后抗动将保存类型设置为所有文件水间身后号原秋，再将文件扩展名修改为.html，最后点击保存。
- 然后用浏览器打开刚才保存的html理关纸文件。
- 打开后的效果如朝吗技后便图所示。
1.《HTML里如何用css控制div画田子格布局 HTML文件如何打开》援引自互联网，旨在传递更多网络信息知识，仅代表作者本人观点，与本网站无关，侵删请联系页脚下方联系方式。
2.《HTML里如何用css控制div画田子格布局 HTML文件如何打开》仅供读者参考，本网站未对该内容进行证实，对其原创性、真实性、完整性、及时性不作任何保证。
3.文章转载时请保留本站内容来源地址，https://www.lu-xu.com/keji/3358827.html