CSS是用于網頁設計的一門樣式表語言，可以用于控制網頁中的字體、顏色、大小、位置等屬性。在CSS中，我們可以使用`display`屬性來設置元素的狀態，其中`display`屬性的值可以是`block`、`none`、`table`或`list-item`，具體的作用如下：

## 1. 使用`display: none`將元素隱藏

需要注意的是，如果`display: none`的值被設置為`table`，則該元素將按表單元素顯示，而不是隱藏。如果元素的`id`屬性為`mylink`，則可以使用`#mylink {display: table-cell}`來將其設置為按表單元素顯示。

## 2. 使用`display: block`將元素顯示

使用`display: block`可以將元素設置為顯示狀態，使其出現在頁面中。與`display: none`相反，`display: block`會重新設置元素的可見性，使其可見。例如，如果我們將一個按鈕元素設置為`display: block`，則當用戶點擊按鈕時，它將重新隱藏，并在點擊時顯示。

需要注意的是，如果`display: block`的值被設置為`table`，則該元素將按表單元素顯示，而不是隱藏。如果元素的`id`屬性為`mybutton`，則可以使用`#mybutton {display: table-cell}`來將其設置為按表單元素顯示。

## 3. 使用`margin`和`padding`控制元素的位置

在CSS中，可以使用`margin`和`padding`屬性來控制元素的位置。`margin`屬性用于控制元素與周圍元素之間的間距，而`padding`屬性用于控制元素周圍的額外文本行距。

例如，我們可以使用`margin-top`和`margin-bottom`屬性來設置子元素的垂直間距，從而將其向上或向下移動。使用`padding-top`和`padding-bottom`屬性可以設置子元素的額外文本行距，從而將其向上或向下移動。

## 4. 使用`border`屬性控制元素邊框

在CSS中，可以使用`border`屬性來控制元素的邊框。`border`屬性的值可以是正數或負數，以像素為單位。正數表示邊框寬度，負數表示邊框厚度。

例如，我們可以使用`border-width`屬性來設置元素的邊框寬度，而使用`border-style`屬性來設置元素的邊框樣式。例如，我們可以使用`border-style: solid;`來設置元素的邊框為實線。

除了`border-width`和`border-style`外，還可以使用`border-radius`屬性來設置元素的邊框角半徑，從而更精細地控制邊框的形狀。

## 總結

CSS是用于網頁設計的一門樣式表語言，可以用于控制網頁中的字體、顏色、大小、位置等屬性。通過使用`display`屬性來設置元素的狀態，以及使用`margin`和`padding`、`border`屬性來控制元素的位置和邊框，我們可以輕松地控制元素的大小和樣式。