帮我用html和css写一个盒子，它的边框为60px solid #000，自身大小为100*100

好的，以下是一个简单的 HTML 和 CSS 代码，可以实现你的需求：

<div class="box"></div>

.box {
  border: 60px solid #000;
  width: 100px;
  height: 100px;
}

这段代码中，我们创建了一个 div 元素，并赋予它一个名为 box 的 class。在 CSS 中，我们为这个 class 设置了边框宽度为60px，颜色为黑色(#000)，同时设置了宽度和高度都为100px，这样就实现了一个边框为60px的黑色正方形盒子。

相关问题

（2）body的全部对象的对齐方式居中。 （3）盒子container的属性：宽度为800px；边框1px 实线 颜色#000；填充10px。 （4）盒子banner的属性：下边界：5px；边框：1px 实线 颜色#000；填充：10px；背景颜色：#ffcc33。 （5）盒子content的属性：宽度为570px；高度为300px；边框1px 实线 颜色#000 左浮动。 （6）盒子link的属性：宽度为210px；高度为300px；边框1px 实线 颜色#000 右浮动。 （7）盒子footer的属性：边框1px 实线 颜色#000；填充10px 清除浮动。

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

body {
  display: flex;
  justify-content: center;
  align-items: center;
}

.container {
  width: 800px;
  border: 1px solid #000;
  padding: 10px;
}

.banner {
  border-bottom: 5px solid #000;
  border: 1px solid #000;
  padding: 10px;
  background-color: #ffcc33;
}

.content {
  width: 570px;
  height: 300px;
  border: 1px solid #000;
  float: left;
}

.link {
  width: 210px;
  height: 300px;
  border: 1px solid #000;
  float: right;
}

.footer {
  border: 1px solid #000;
  padding: 10px;
  clear: both;
}

#show2{ white-space: pre-wrap; width: 600px; height: 713px; margin-top: 20px; border-top: 1px solid #000; border: 1px solid #000; float: left; overflow-y: scroll; }

这是一个 CSS 样式代码块，它定义了一个 id 为 "show2" 的 div 元素的样式。该 div 元素具有以下特征：

- white-space 属性设置为 pre-wrap，这意味着元素中的连续空格和换行符将被保留。
- 宽度为 600 像素。
- 高度为 713 像素。
- 与顶部的距离为 20 像素。
- 顶部有 1 像素的黑色实线边框。
- 其它边框为 1 像素的黑色实线。
- 左浮动。
- 如果内容超出元素的高度，将出现滚动条。

您可以将此样式代码应用于 HTML 中的一个 div 元素，以显示具有上述样式的内容。例如：

<div id="show2">
    这里是要显示的内容。
</div>