網頁設計要求通屏效果，使網頁內容充滿整個屏幕，不留空白。實現通屏效果可以使用CSS來控制網頁的寬度、高度等屬性。

/* 設置body的寬度和高度為100% */
body {
width: 100%;
height: 100%;
}
/* 移除body的margin和padding */
body {
margin: 0;
padding: 0;
}
/* 設置包裹網頁內容的容器寬度和高度為100% */
.container {
width: 100%;
height: 100%;
}
/* 移除容器的margin和padding */
.container {
margin: 0;
padding: 0;
}

以上代碼可以實現通屏效果，但在某些情況下，可能需要更嚴格的控制。例如，如果網頁有背景圖或漸變色，需要使用以下代碼來確保背景充滿整個頁面。

/* 設置html和body的高度為100% */
html, body {
height: 100%;
}
/* 設置背景圖片或漸變色 */
body {
background-image: url("bg-image.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}

小結：

在網頁設計中，通屏效果可以讓網頁更加強大，具有更好的視覺效果和用戶體驗。通過CSS的控制，可以實現網頁寬高比例的調整，容器內元素的對齊方式等，幫助我們打造更加完美的網頁。