HTML和CSS是網頁制作中最基本、必要的兩個技術，其中HTML是網頁的框架，而CSS是網頁的樣式。在網頁制作的過程中，我們常常需要用到矩形框作為網頁的分割線，下面就給大家介紹如何使用CSS來畫一個簡單的矩形框。

代碼如下：
<style type="text/css">
.rectangle {
width: 200px;
height: 100px;
border: 2px solid black;
}
</style>
<div class="rectangle"></div>

代碼中，我們首先定義了一個名為“rectangle”的類，然后在類中設置了矩形框的樣式，“width”表示矩形的寬度，“height”表示矩形的高度，“border”表示邊框的樣式和寬度，其中“2px”表示邊框的寬度，“solid”則表示邊框的樣式為實線，“black”表示邊框的顏色為黑色。

在代碼的最后，我們為頁面添加了一個“div”元素，并且為該元素添加了“rectangle”類，這樣頁面就會自動渲染出一個寬200px，高100px，邊框為黑色實線，寬度為2px的矩形框。

除了上述最基本的樣式參數外，CSS還支持更多的矩形框樣式設置參數，如圓角矩形、圓形框、陰影等，可以根據自己的需要進行設置和調整，使得網頁更加豐富多彩。