在CSS中,可以使用border-style: double;
屬性來(lái)創(chuàng)建空心方形,這個(gè)屬性會(huì)生成一個(gè)雙線樣式的邊框,類似于一個(gè)空心方形。
以下是一個(gè)示例代碼:
.square { width: 100px; height: 100px; border-style: double; border-width: 10px; }
在這個(gè)示例中,我們創(chuàng)建了一個(gè)類名為square
的樣式,它定義了一個(gè)寬度和高度都為100像素的空心方形,邊框樣式設(shè)置為雙線,邊框?qū)挾葹?0像素,你可以根據(jù)需要調(diào)整這些值。
在HTML中使用這個(gè)樣式:
<div class="square"></div>
這將在頁(yè)面上生成一個(gè)空心方形,你可以根據(jù)需要調(diào)整樣式,例如改變邊框顏色、背景顏色等。