展示網站的時候，往往需要進行區域的展示，以便更好地展現網站的內容。而CSS的相關屬性可以極大地方便區域的展示。

這里我們介紹一些CSS中常見的用于區域展示的屬性：

/*設置盒子模型*/
.box {
width: 100px;
height: 100px;
border: 1px solid #ccc;
padding: 10px;
margin: 10px;
}
/*設置邊框*/
.border {
border: 1px solid #000;
}
/*設置內邊距*/
.padding {
padding: 10px;
}
/*設置外邊距*/
.margin {
margin: 10px;
}
/*設置背景*/
.background {
background-color: #f2f2f2;
}
/*設置浮動*/
.float {
float: left;
}
/*清除浮動*/
.clear {
clear: both;
}

以上是一些常見的屬性，下面我們通過實例來展示它們的使用。

<div class="box border padding margin background float">
<p>這是一個盒子，具有邊框、內邊距、外邊距、背景色和浮動效果</p>
</div>
<div class="box clear">
<p>這是另一個盒子，沒有浮動效果，但是清除了前一個盒子的浮動效果</p>
</div>

以上代碼展示了如何使用CSS的相關屬性來設置區域的樣式。通過這些屬性的靈活應用，我們可以輕松搭建出精美的網站界面。