最后写完之后的效果
内容和边框离得太近了
这是分了三块儿
<div>
<h2 style="margin-left: 45%">农户家庭基本情况</h2>
<div class="first">
<div class="third">
<el-row>
<el-col :span="7">
<el-form-item
label="性别"
<div class="second">
<h2 style="margin-left: 45%">作物种植情况表</h2>
<el-table
给这个盒子加一个上内边距 padding-top:xpx
<style scoped>
.fullS {
/* background-color: azure; */
/* background: black; */
/* width: 100%; */
/* height: auto; */
width: 100%;
}
.first {
padding-top: 15px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
}
.second {
margin-top: 30px;
padding-top: 15px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
}
.third {
padding-top: 15px;
margin-top: 15px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
}
</style>