<!DOCTYPE
html>
<
html lang="en">
<
head>
<
meta charset="UTF-8">
<
style>
*{
margin:
0px;
padding:
0px;
}
#s1{
background-color:
#ea2000;
}
#s2{
background-color:
aqua;
}
#t1{
background-color:
#ea2000;
height:
100px;
margin-bottom:
10px;
}
#t2{
background-color:
#0D0000;
height:
100px;
margin-top:
50px;
}
'
</
style>
<
title>
行级元素的左右边距 块级元素的上下外边距</
title>
<!--水平排放的盒子 水平的间距是取和
垂直排放的盒子 上下的间距取的是两者中上下
外边距的最大值-->
</
head>
<
body>
<
span id="s1">
教育1</
span><
span id="s2">
教育2</
span>
<
br/>
<
div id="t1">
教育1</
div>
<
div id="t2">
教育2</
div>
</
body>
</
html>
转载请注明原文地址: https://www.6miu.com/read-66637.html
