css中如何在網頁中制作中心框？

Question

我在 CSS 中有這段代碼，它應該創建一個綠色框，但它創建了一條綠線。 我不明白為什么因為有填充和邊距的代碼。

 .second {text-align: center;
        background-color: green;
        margin-left: auto;
        margin-right: auto;
        padding: 10px;
        font-weight: 100;

我希望它是一個綠色的盒子，每邊都有 10px 的填充。

Answer 1

您必須分配寬度和高度屬性，如下所示：

.second {
  text-align: center;
  background-color: green;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  font-weight: 100;
  width: 300px;
  height: 200px;
}