element组件 border边框 样式修改

 最后写完之后的效果

 内容和边框离得太近了

这是分了三块儿

          <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>