float使三个图片在第一排，后三个在第二排，且每个图片之间具有10px距离、距离一个1000*630的边框也有10px

为了实现这个效果，我们可以使用CSS中的布局技术，例如Flexbox或者Grid来排列这六个图片，并添加间距和边框。这里是一个使用Flexbox的例子：

.container {
  display: flex;
  justify-content: space-between; /* 图片之间的间隔 */
  align-items: flex-start; /* 图片开始于第一行 */
  border: 10px solid #000; /* 边框 */
  padding: 10px; /* 行间和边框外的额外间距 */
  width: 1000px; /* 宽度可根据需要调整 */
  box-sizing: border-box; /* 包含边框宽度 */
}

.item {
  flex: 1; /* 自适应宽度 */
  margin: 0 10px; /* 单独图片之间的10px间距 */
  max-width: 100%; /* 避免图片超出容器 */
  height: auto; /* 自动保持图片高度比例 */
}

.first-row {
  flex-shrink: 0; /* 确保第一排始终占据一行 */
}

.second-row {
  flex-shrink: 1; /* 第二排图片可以缩放以适应剩余空间 */
}

HTML结构：

<div class="container">
  <div class="first-row item">
    <!-- 图片1 -->
  </div>
  <div class="first-row item">
    <!-- 图片2 -->
  </div>
  <div class="first-row item">
    <!-- 图片3 -->
  </div>
  <div class="second-row item">
    <!-- 图片4 -->
  </div>
  <div class="second-row item">
    <!-- 图片5 -->
  </div>
  <div class="second-row item">
    <!-- 图片6 -->
  </div>
</div>

请注意，你需要将实际图片替换到`<!-- 图片X -->`部分，并确保它们有正确的src属性。同时，根据实际需求调整CSS中的样式，比如颜色、大小等。