在網頁設計中，房子是一個常見的元素，我們可以使用CSS圖標來表示房子。接下來，我們將介紹如何使用CSS創建一個簡單的房子圖標。

.house-icon {
position: relative;
width: 20px;
height: 20px;
border: 1px solid #000;
border-top: none;
}
.house-icon:before {
content: "";
position: absolute;
top: -10px;
width: 100%;
height: 10px;
border-bottom: 1px solid #000;
}
.house-icon:after {
content: "";
position: absolute;
width: 10px;
height: 10px;
border-top: 1px solid #000;
border-right: 1px solid #000;
top: -14px;
left: 50%;
margin-left: -5px;
}

代碼解讀：

使用.position屬性設置該元素相對元素定位。通過設置元素寬高、邊框等屬性，開始畫房子。

接下來，我們使用:before和:after偽元素分別繪制房子的屋頂和門。

最后，您可以根據需要對樣式進行更改，例如更改顏色、大小等等，以適應您的設計需求。