CSS中有一個叫做下方偽類（:after）的東西，它可以幫助我們在元素的末尾添加一些內容。下面就來詳細介紹一下這個偽類的用法。

.content:after {
content: "";
display: block;
height: 20px;
}

首先，我們需要針對一個元素設置下方偽類，這里以一個類名為.content的元素為例。代碼中第一行選擇器表示，在.content元素的末尾添加下方偽類。

接下來，我們需要使用content屬性來定義添加的內容，由于我只是想給這個元素添加一個20px的高度，所以在這里留空即可。如果需要添加文字或者其他的樣式內容，直接寫在引號內就可以了。

最后，我們需要用display屬性來設置下方偽類的顯示方式，這里我選擇了block，也就是說下方偽類會作為一個獨立的塊級元素來顯示。

效果就是，如果原本的.content元素高度為100px，那么加上下方偽類以后它的高度就會變成120px。

總的來說，下方偽類是一個很有用的工具，可以幫助我們在設計中實現更多的效果。