CSS中內容居頂部是常用的界面布局方式之一，通常用于網頁的標題、導航欄、菜單欄等模塊。下面我們來看一下如何使用CSS實現(xiàn)內容居頂部的效果。

首先，我們需要創(chuàng)建一個HTML文件，我們可以創(chuàng)建一個div元素作為該模塊的容器，使用p標簽添加文本內容，如下所示：

<div>
<p>這是內容居頂部的模塊</p>
</div>

接下來，我們需要使用CSS來設置該模塊的樣式。我們可以使用以下CSS代碼讓該模塊內容居頂部：

div {
display: flex; /* 設置父元素為flex布局 */
justify-content: flex-start; /* 將子元素向左對齊 */
align-items: flex-start; /* 將子元素頂部對齊 */
height: 100px; /* 設置父元素的高度 */
background-color: #eee; /* 設置父元素的背景色 */
}
p {
margin: 0; /* 清除默認的margin值 */
}

上述代碼中，我們將該模塊的父元素設置為flex布局，用justify-content屬性使子元素向左對齊，用align-items屬性使子元素頂部對齊，并設置了父元素的高度和背景色。而子元素的p標簽則清除了默認的margin值，以充滿整個父元素。

通過以上CSS樣式設置，我們就可以實現(xiàn)一個內容居頂部的模塊了。當然，針對不同的布局需求，我們也可以根據需要進行相應的樣式調整。