如何在 CSS 上加頁腳
隨著網站的普及和頁面的不斷增長，添加頁腳已經成為了一個常見的問題。在 CSS 中，我們可以通過以下幾種方式來添加頁腳：
1. 使用 HTML 的頁腳標簽
在 HTML 中，頁腳通常使用 `<hr>` 標簽來創建。hr 標簽表示一個水平線，可以用于分隔頁面的不同部分。例如：
```html
<body>
<h1>這里是頁面主體</h1>
<p>這里是頁面內容</p>
<hr>
<h2>這里是頁面另一個主體</h2>
</body>
2. 使用 CSS 的塊級格式化上下文(Block Formatting Context,BFC)
BFC 可以用于控制頁面中的塊級元素，包括頁腳。BFC 默認情況下只對內聯元素(in-line)進行格式化，如果你想對頁腳進行格式化，可以使用以下 CSS 代碼：
```css
body {
font-size: 16px;
line-height: 1.5;
color: #333;
.page-footer {
display: block;
margin-top: 20px;
color: #333;
text-align: center;
font-size: 14px;
3. 使用 CSS 的偽元素
使用偽元素可以創建一個具有頁腳的頁面。例如，可以使用 `<div>` 元素創建一個帶有頁碼和頁腳的偽元素，然后使用 CSS 對其進行格式化。以下是一個使用偽元素的示例：
```html
<body>
<h1>這里是頁面主體</h1>
<div class="page-footer">
<p>這里是頁腳內容</p>
<p>這里是頁碼內容</p>
</div>
<p>這里是頁面內容</p>
</body>
在以上三種方式中，使用 HTML 的頁腳標簽是最常用和最簡單的方法，因為這種方法可以直接在 HTML 代碼中實現。但是，如果需要進行大量的頁面布局和格式化，使用 CSS 的 BFC 或偽元素可能會更加方便和高效。