在 CSS 中，我們經常需要使用矩形（rect）參數，它通常用于控制樣式的布局及尺寸等。矩形參數主要包含四個值，分別是：top、right、bottom、left。下面我們簡單來介紹一下如何使用這四個值來實現不同的效果。

.selector {
/* 僅設置 top 值，其它三個值自動為 0 */
margin: 20px 0 0 0;
/* 同時設置 top 和 bottom 值，其它兩個值自動為 0 */
padding: 20px 0;
/* 同時設置所有四個值 */
position: absolute;
top: 20px;
right: 30px;
bottom: 40px;
left: 50px;
}

在上述代碼中，我們可以看到使用 margin 屬性時僅設置了 top 值，而其它 `bottom`、`right`、`left` 值均為 0；在使用 padding 屬性時同時設置了 top 和 bottom 值，其它 `right`、`left` 值還是為 0；而在設置 position 屬性時則同時設置了所有的四個值。

通過使用矩陣參數，我們可以更加靈活的控制 HTML 元素的布局和樣式，幫助我們實現不同的效果。值得注意的是，我們也可以使用 `calc()` 等運算符來對矩形參數進行計算，從而擴展 CSS 樣式的能力。