CSS3是一門用于網頁設計的重要技術，其中空心矩形是一種被廣泛應用的基本形狀。借助CSS3的強大特性，我們可以輕松地創建簡單、美觀的空心矩形。

/* CSS樣式代碼 */
.rectangle {
width: 200px; /* 設置矩形的寬度為200像素 */
height: 100px; /* 設置矩形的高度為100像素 */
border: 2px dashed #333; /* 設置矩形的邊框為虛線樣式，顏色為黑色 */
margin: 20px auto; /* 設置矩形的外邊距，使其在網頁中水平居中 */
}

上述代碼定義了一個名為rectangle的樣式，它用于生成一個寬度為200像素、高度為100像素、邊框為虛線樣式、顏色為黑色的空心矩形。我們可以根據需要調整寬度、高度、邊框樣式和顏色，從而創造出不同風格的空心矩形。此外，我們也可以通過CSS3的漸變特性來為矩形添加漸變效果，例如線性漸變、徑向漸變等。

總之，CSS3空心矩形是網頁設計中不可或缺的元素之一，它可以大大提高網頁的美觀程度和可讀性。掌握CSS3空心矩形的創建方法，可以讓我們輕松制作出各種各樣的優秀網頁。