CSS3為正方形添加邊框的方法

在CSS3中，我們可以使用border屬性為正方形添加邊框。border屬性可以接收多個(gè)值，包括邊框的寬度、樣式和顏色，下面是一個(gè)示例：

.square {
  width: 100px;
  height: 100px;
  border: 2px solid #000;
}

在這個(gè)示例中，我們創(chuàng)建了一個(gè)類名為square的正方形，并為其添加了2像素寬的實(shí)線邊框，顏色為黑色，您可以根據(jù)需要調(diào)整邊框的寬度、樣式和顏色。

如果您只想添加邊框到正方形的某個(gè)邊上，可以使用border-top、border-right、border-bottom或border-left屬性。

.square {
  width: 100px;
  height: 100px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
}

這個(gè)示例中，我們只添加了邊框到正方形的頂部和右側(cè)。

CSS3還提供了border-radius屬性，可以為正方形添加圓角。

.square {
  width: 100px;
  height: 100px;
  border: 2px solid #000;
  border-radius: 10px;
}

在這個(gè)示例中，我們?yōu)檎叫翁砑恿?像素寬的實(shí)線邊框，并使其具有10像素的圓角，您可以根據(jù)需要調(diào)整圓角的大小。