CSS中的display屬性決定了元素在頁面中的布局方式。常見的有以下幾種：

display: block;
 display: inline;
 display: inline-block;
 display: none;
 display: flex;
 display: grid;
 display: table;

其中，block元素會在頁面中占據整行，類似于分割線；inline元素則與文本內容在同一行中顯示；而inline-block元素則是在同一行中顯示但是可以設置寬高，對于一些多行內聯元素，通常使用該屬性。

p {
display: inline-block;
width: 100px;
height: 50px;
background-color: red;
 }

對于none屬性，它會使元素從頁面中消失，不占據空間和顯示。

p {
display: none;
 }

flex和grid屬性是CSS3中新增的元素布局屬性，靈活的處理元素在頁面中的位置和大小，可以方便地實現響應式布局。

.container {
display: flex;
justify-content: center;
align-items: center;
 }

最后，table屬性用于將元素顯示為表格形式，可以配合其他的表格屬性實現數據的呈現或布局。

table {
display: table;
width: 100%;
height: 200px;
border-collapse: collapse;
 }

總之，display屬性是CSS中的基本屬性之一，多學習并實踐應用不同的display屬性可以為網頁的設計和布局提供不少幫助。