HTML代码中的div是什么标签，有什么用？

1、首先div是一个双标签，其实标签是<div>,末尾标签是</div>中间可以添加文字、图片、以及其他标签，div可以包容一切所以一般都称他为盒子模型

" alt="HTML代码中的div是什么标签，有什么用？" referrerPolicy="no-referrer" />

2、比如，我们在div中直接输入文字，或者标题标签，以及图片标签img

" alt="HTML代码中的div是什么标签，有什么用？" referrerPolicy="no-referrer" />

3、然后将其保存预览的时候，他就是这样排列的，从上到下依次排列

" alt="HTML代码中的div是什么标签，有什么用？" referrerPolicy="no-referrer" />

4、div里面可以添加文字，还可以同时使用多个div，如果想要更改文字的颜色，就直接在样式中输入div{}  大括号中输入的是对他的修饰

" alt="HTML代码中的div是什么标签，有什么用？" referrerPolicy="no-referrer" />

5、将文字变成红色显示，在浏览器中预览就是红色的字了，因为div是块状标签，会自动换行，所以三个div里面的文字就是三行了，如图所示

" alt="HTML代码中的div是什么标签，有什么用？" referrerPolicy="no-referrer" />

6、我们还可以对div盒标签添加描边选择设置，如图所示，添加border的属性

" alt="HTML代码中的div是什么标签，有什么用？" referrerPolicy="no-referrer" />

7、这样就在文字的外边框添加了颜色，粗细以及大小也可以控制。

" alt="HTML代码中的div是什么标签，有什么用？" referrerPolicy="no-referrer" />