HTML 正方形怎么設置 在 Web 設計中，正方形是一個非常常見的形狀。在 HTML 中，可以使用 CSS 屬性來設置正方形。接下來，本文將介紹兩種在 HTML 中實現正方形的方法。 方法一：使用寬度和 padding 我們可以使用寬度和 padding 屬性來設置元素為正方形。具體的代碼如下：

p {
width: 100px;
height: 100px;
padding: 0;
margin: 0;
background-color: #f00;
}

在上述代碼中，我們設置了寬度和高度均為 100 像素，并且將 padding 設置為 0，以確保元素展現為正方形。同時，我們將 margin 設置為 0，以防止元素出現錯誤的位置。 方法二：使用 aspect-ratio 除了使用寬度和 padding 之外，我們還可以使用 aspect-ratio 屬性來設置元素為正方形。具體的代碼如下：

p {
width: 100px;
height: auto;
aspect-ratio: 1/1;
margin: 0;
background-color: #f00;
}

在上述代碼中，我們設置了寬度為 100 像素，并將高度設置為自適應（即自動調整）。同時，我們使用了 aspect-ratio 屬性來指定正方形的長寬比例。最后，我們將 margin 設置為 0，以保證元素的位置正確。 總結 以上就是在 HTML 中實現正方形的兩種方法。使用寬度和 padding 可以簡單快捷地設置正方形，而使用 aspect-ratio 則更為靈活，可以自定義長寬比例。因此，在實際項目中，可以根據需求選擇不同的方法來設置正方形元素。