在網頁設計中，使用 CSS 來實現屏幕一半效果是非常常見的操作。使用這種方法，可以讓網頁更加美觀、時尚，并且能夠更好地展示你的設計和創意。接下來，我們將介紹如何使用 CSS 實現屏幕一半效果。

首先，在 HTML 文件中，我們需要創建一個 div 元素，并給它一個類名，比如“half-screen”：

<div class="half-screen"></div>

然后，在 CSS 文件中，我們可以使用如下代碼來實現屏幕一半效果：

.half-screen {
height: 50vh;
}

在這里，vh 是一個代表視口高度的單位，1vh = 視口高度的 1%。因此，50vh 表示屏幕高度的一半。

除此之外，我們還可以使用如下代碼來讓 div 元素居中顯示：

.half-screen {
height: 50vh;
display: flex;
justify-content: center;
align-items: center;
}

display: flex; 定義了一個彈性布局，而 justify-content: center; 和 align-items: center; 則用于將元素水平和垂直居中顯示。

當然，我們還可以進行更多的樣式調整，比如設置背景顏色、邊框寬度、邊框顏色等等。這樣做，可以讓效果更加出色，以滿足我們的需求。