The distance between elements and other elements can be set using margin. Boundaries can also be divided into upper, right, lower and left
Let’s write an example to explain;
First we write a piece of code that does not use boundaries:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
div{
width:200px;
height:200px;
border:1px solid red;
}
</style>
</head>
<body>
<div id="dv1">php中文网</div>
<div id="dv2">中华民族伟大复兴</div>
</body>
</html> The two divs are together. If I want the distance between the two divs to be 30 pixels, how should I write the css code?
#dv2{margin-top:30px;}
When we add this code, there will be a distance between the two divs
Friends, you can try the right side, bottom side, and left side respectively to see what kind of effect you get
Next Section