html div标签元素的作用以及用法详解

编辑：覃师宁来源：qinshining.com时间：2021-04-16 15:56:26阅读量：

1. div标签简介

div标签指的是HTML源代码中的div标签。

HTML中的div代码片段

<div id=" qinshining.com">demo</div >

2. Div标签的功能

Div是用来分割常用的标签，用来分割内容。Div+CSS是用来分割和设置相应的样式。

3.div标签代码演示

<!DOCTYPE html>
<html lang="zh">
<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
   <title>覃师宁博客html div标签演示案例</title>
   <style type="text/css">
       .div1 {
           color: red;
       }
       .div2 {
           color: blue;
       }
   </style>
</head>
<body>
   <div class="div1">设置div1颜色为红色</div>
   <div class="div2">设置div2颜色为蓝色</div>
</body>
</html>