CSS show 上下是一種常見的網(wǎng)頁布局方式，可以讓頁面的排版更加美觀、清晰。它是通過分別設(shè)置兩個div的css屬性，分別是display: block和display: none來實現(xiàn)的。具體的實現(xiàn)代碼如下：

<div class="top">
<p>這里是上部分內(nèi)容</p>
</div>
<div class="bottom">
<p>這里是下部分內(nèi)容</p>
</div>
<style>
.top {
display: block;
}
.bottom {
display: none;
}
</style>

以上代碼中，top表示上部分內(nèi)容的div，bottom表示下部分內(nèi)容的div。在css中，display屬性可以設(shè)置為多個值，如：block、none、inline、inline-block等。其中block和none的區(qū)別是：block表示當(dāng)前元素將以塊級元素的方式呈現(xiàn)，即在頁面中占據(jù)一整行；而none則表示當(dāng)前元素不會在頁面中呈現(xiàn)。

通過以上代碼，我們就可以實現(xiàn)CSS show 上下的布局效果，即默認(rèn)情況下只顯示上部分內(nèi)容，而下部分內(nèi)容需要通過一些事件（如點擊按鈕）來觸發(fā)顯示。