同样css格式下,div块与一般文字的显示区别:
html代码:
<body>
一般文字显示效果(p)
<p>harmony</p>
div块显示效果
<div class="wb">
<div class="bk">
<div class="nj">
<div class="zw">
harmony
</div>
</div>
</div>
</div>
</body>
css设置如下:
.wb{
margin: 30px;
}//外边距粗细
.bk{
border-style: groove;
}//边框样式
.nj{
padding: 10px;
}//内边距粗细
.zw{
background-color: cornflowerblue;
}//背景颜色,即内边距颜色padding color
p{
margin: 30px;
border-style: groove;
padding: 10px;
background-color: cornflowerblue;
}