CSS 樣式 cover 是設計網站或個人博客中常見的布局方式之一，通過將內容容器與背景容器分離，使得內容可以更好地突出顯示。在 CSS 中，我們可以使用 cover 樣式來實現 cover 效果，下面是一個簡單的示例：

HTML 代碼：

<div class="container">

<h1>第 1 頁</h1>

<p>這是第 1 頁的內容。</p>

</div>

CSS 代碼：

.container {

width: 800px;

margin: 0 auto;

padding: 20px;

background-color: #f2f2f2;

font-size: 32px;

margin-bottom: 20px;

font-size: 16px;

line-height: 1.6;

margin-bottom: 20px;

上述代碼中，我們使用了一個 `.container` 元素來包含內容容器和背景容器。我們設置了 `.container` 元素的寬度為 800 像素，并將其居中對齊。然后，我們定義了一個 `h1` 元素和一個 `p` 元素，`h1` 元素設置了字體大小和下劃線，`p` 元素設置了字體大小和內邊距。最后，我們使用 CSS 的 `margin` 和 `line-height` 屬性來調整元素的高度和水平位置。

通過這樣的設置，我們可以看到 `.container` 元素中的文本可以被很好地突出顯示，而背景則可以隱藏在容器之外。這種布局方式還可以應用于其他樣式，如柵格布局、網格布局等，從而實現各種不同的視覺效果。

當然，CSS 樣式 cover 還有其他實現方式，比如使用表格布局、使用卡片布局等，每種實現方式都有其優缺點，需要根據具體情況進行選擇。