標題：使用 CSS 按鈕跳轉頁面底部

CSS 按鈕是一種網頁設計技術，可以用來創建自定義按鈕，可以在點擊按鈕時將用戶帶到另一個頁面。本文將介紹如何使用 CSS 按鈕跳轉頁面底部。

1. 創建一個 HTML 頁面，其中包含一個按鈕元素。

```html

<button id="myButton">點擊我</button>

2. 使用 CSS 樣式表將按鈕元素設置為樣式，使其看起來像一個按鈕。

```css

#myButton {

display: block;

margin: 10px;

padding: 10px;

background-color: #f2f2f2;

border: none;

color: #333;

cursor: pointer;

font-size: 16px;

text-align: center;

3. 在 CSS 樣式表中，我們為按鈕添加了一個 `id`，以便在 HTML 文件中使用 JavaScript 對其進行操作。

```css

#myButton {

display: block;

margin: 10px;

padding: 10px;

background-color: #f2f2f2;

border: none;

color: #333;

cursor: pointer;

font-size: 16px;

text-align: center;

4. 在 HTML 文件中，我們使用 JavaScript 將按鈕跳轉到頁面底部。

```html

<script>

document.getElementById('myButton').addEventListener('click', function() {

window.scrollTo(0, 0);

document.getElementById('myButton').style.display = 'none';

});

</script>

5. 編譯 HTML 和 CSS 文件，并使用瀏覽器打開網頁。當用戶點擊按鈕時，瀏覽器會自動將用戶帶到頁面底部。

通過使用 CSS 按鈕跳轉頁面底部，我們可以創建自定義按鈕，使用戶可以輕松地在不同的頁面之間切換。這種技術也可用于創建其他自定義功能，如滾動到特定位置等。