在CSS中，塊狀元素是一種占據整行的元素，在默認情況下，塊狀元素會在前后添加上一個空行，使得不同的元素之間有明顯的間隔。

示例代碼：
<div>
<p>這是一個塊狀元素</p>
<p>這是另一個塊狀元素</p>
</div>
CSS樣式：
div {
background-color: #ccc;
padding: 10px;
}
p {
display: block;
}

上述代碼中，我們使用了div元素來包含兩個p元素，每個p元素都是塊狀元素，并且我們使用CSS設置了p元素的display屬性為block，使得它們成為了塊狀元素。

同時，我們還為div元素設置了背景顏色和padding屬性，使得塊狀元素之間有了一定的距離和可視化效果。

運行上述代碼，我們可以看到兩個p元素均占據了一行，并且它們之間有一個空白行的間隔，這就是塊狀元素的顯示效果。

輸出結果：
這是一個塊狀元素
這是另一個塊狀元素

需要注意的是，行內元素和塊狀元素的差別不僅僅體現在它們的顯示效果上，還包括很多其他方面，如尺寸計算、布局等，在使用CSS時需要根據具體情況選擇相應的元素類型。