在html中<div class="contanier6"> <img class="footerbg" src="images/footer-bg.png" alt=""> <h1>菜单 </h1> <p>家</p> <p>关于</p> <h1>有用链接 </h1> <p> 脂肪粒 </p> <p>精英</p> <h1>联系我们 </h1> <p>123号chalingt Gates</p> <p>+011234567890</p> <h3>跟着我们</h3> <img class="m1"src="images/fb-icon.png" > <img class="m2" src="images/instagram-icon.png" alt=""> <img class="m3"src="images/linkedin-icon.png" alt=""> <img class="m4"src="images/twitter-icon.png" alt=""> <footer>copyright 2019 All Right Reserved 浙江理工大学</footer> </div>，添加css样式，要求3个h1水平分布，p也水平分布，形成三行三列的布局，

可以使用以下 CSS 样式来实现要求：

.contanier6 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
  grid-gap: 10px;
  text-align: center;
}

.contanier6 h1, .contanier6 p {
  margin: 0;
}

.contanier6 h1 {
  grid-column: span 1;
  grid-row: span 1;
}

.contanier6 p {
  grid-column: span 1;
  grid-row: span 1;
}

解释一下样式的意思：

1. `display: grid;` 将 `.contanier6` 元素的布局属性设置为网格布局。
2. `grid-template-columns: repeat(3, 1fr);` 和 `grid-template-rows: repeat(3, 1fr);` 将网格划分为 3 行 3 列，并且每个单元格的宽度和高度都相等。
3. `grid-gap: 10px;` 设置单元格之间的间距为 10px。
4. `text-align: center;` 将单元格内文字居中对齐。
5. `.contanier6 h1, .contanier6 p { margin: 0; }` 将标题和段落元素的外边距设置为 0，避免占用过多空间。
6. `.contanier6 h1 { grid-column: span 1; grid-row: span 1; }` 将每个标题元素的列和行跨度设置为 1，即占据一个单元格。
7. `.contanier6 p { grid-column: span 1; grid-row: span 1; }` 将每个段落元素的列和行跨度设置为 1，即占据一个单元格。