CSS樣式加一個正方形框

在網(wǎng)頁設(shè)計中，CSS樣式是不可或缺的一部分，而添加一個正方形框的樣式也是非常簡單的。下面我們來介紹一下如何通過CSS樣式實現(xiàn)這個效果。

.square {
width: 100px;
height: 100px;
border: 1px solid black;
}

在上面的代碼中，我們首先定義了一個名為“square”的類，然后設(shè)置了它的寬度和高度為100px，邊框為1px的黑色實線。

接著，我們可以在HTML代碼中使用這個新建的類，如下所示：

<div class="square"></div>

在上面的代碼中，我們利用了HTML的<div>標簽來建立一個物體，并通過設(shè)置class屬性為“square”來應(yīng)用我們所定義的CSS樣式。

最后，我們就可以得到一個具有正方形邊框的物體了，效果如下：