最后写完之后的效果

 内容和边框离得太近了

这是分了三块儿

          <div><h2 style="margin-left: 45%">农户家庭基本情况</h2><div class="first"><div class="third"><el-row><el-col :span="7"><el-form-itemlabel="性别"<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>