CSS矩形排列是一種使用CSS進行矩形布局的方法，可以將多個矩形組合成一個復雜的布局。通過矩形排列，我們可以創建各種樣式和視覺效果，例如水平或垂直排列的矩形、圓形或橢圓形矩形、以及多種顏色和大小的組合。

矩形排列可以使用不同的CSS屬性來控制它們的位置、大小和形狀。以下是一些常用的屬性：

1. `margin`：用于設置矩形之間的間距。

2. `padding`：用于設置矩形之間的padding，可以改變矩形的大小。

3. `width`和`height`：用于設置矩形的寬度和高度，可以改變矩形的形狀。

4. `border`：用于設置矩形的邊框，可以設置顏色、寬度和厚度。

5. `transform`：用于設置矩形的旋轉、平移和縮放等變換操作。

下面是一個簡單的示例，展示了如何使用CSS矩形排列：

.box {

width: 200px;

height: 200px;

margin: 20px auto;

border: 1px solid red;

在這個示例中，我們創建了一個名為“box”的類，它包含一個矩形，并使用上述屬性來控制它的位置和大小。我們使用`margin`屬性將矩形與另一個矩形相連接，并使用`auto`屬性使它們之間的間距為20px。我們還使用`border`屬性設置了矩形的邊框，并使用`red`顏色將其設置為可見。

我們可以使用類似的方法來創建復雜的矩形排列布局，例如使用多個矩形來創建水平或垂直排列，或者使用圓形或橢圓形矩形來創建圓形布局。通過使用CSS矩形排列，我們可以輕松地創建各種樣式和視覺效果，從而在網頁中實現更加完美的布局。