隨著互聯網的發展，網頁設計成為了越來越重要的一環。而CSS（層疊樣式表）作為網頁設計的重要組成部分，可以讓我們更容易地控制網頁的樣式，并且使網頁更加美觀。本文將介紹如何使用CSS制作基本框架。

/* HTML結構 */
<div class="container">
<div class="header">
<h1>網站標題</h1>
</div>
<div class="content">
<p>網站內容區域</p>
</div>
<div class="footer">
<p>網站底部信息</p>
</div>
</div>
/* CSS樣式 */
.container {
width: 960px;
margin: 0 auto;
}
.header {
height: 100px;
background-color: #333;
color: #fff;
text-align: center;
line-height: 100px;
font-size: 24px;
}
.content {
height: 500px;
background-color: #fff;
text-align: center;
line-height: 500px;
font-size: 20px;
}
.footer {
height: 50px;
background-color: #333;
color: #fff;
text-align: center;
line-height: 50px;
font-size: 14px;
}

以上代碼為一個簡單的網站框架示例。其中，HTML結構中包含一個父容器（container），三個子容器（header，content，footer），CSS樣式主要控制它們的寬度、高度、背景顏色、文本對齊方式、字體大小等。通過這樣的CSS樣式控制，我們可以很方便地制作出簡潔明了、美觀大方的網站框架。