CSS懸浮固定按鈕是一種使用CSS樣式來創建按鈕的方法，它可以將按鈕懸浮在頁面頂部或底部，并且可以固定在頁面的任何位置。本文將介紹如何使用CSS來創建這種按鈕。
讓我們先了解一下什么是按鈕。按鈕是一種用于在用戶界面中觸發操作的程序，通常用于指示用戶執行某些操作。按鈕可以是文本、圖像或其他類型的元素，可以通過HTML和CSS進行設計和布局。
使用CSS創建懸浮按鈕的步驟如下：
1. 在HTML中創建一個按鈕元素，并使用CSS設置其樣式。
```html
<button class="button">點擊我</button>
```css
.button {
background-color: #4CAF50;
color: white;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 16px;
上述代碼中，我們使用了`background-color`屬性設置按鈕的背景色，`color`屬性設置按鈕的文本顏色，`padding`屬性設置按鈕的padding,`border`屬性設置按鈕的邊框，`border-radius`屬性設置按鈕的圓角半徑，`cursor`屬性設置按鈕的指向性，`font-size`屬性設置按鈕字體大小。
2. 使用CSS將按鈕懸停在頁面頂部或底部。可以使用`position: relative`屬性設置按鈕的父元素的`position`屬性為`relative`，然后使用`top`和`bottom`屬性設置按鈕的垂直位置。例如：
```css
.button {
background-color: #4CAF50;
color: white;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 16px;
position: relative;
.button:hover {
bottom: 0;
上述代碼中，我們使用`position: relative`屬性將按鈕設置為相對位置，并使用`bottom`屬性將其固定在頁面的底部。當按鈕懸停時，`bottom`屬性設置為0，表示按鈕位于頁面底部。
3. 使用CSS將按鈕固定在頁面的任意位置。可以使用`position: absolute`屬性設置按鈕的父元素的`position`屬性為`absolute`，然后使用`top`和`bottom`屬性設置按鈕的垂直位置。例如：
```css
.button {
background-color: #4CAF50;
color: white;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 16px;
position: absolute;
top: 20px;
bottom: 0;
上述代碼中，我們使用`position: absolute`屬性將按鈕設置為絕對位置，并使用`top`和`bottom`屬性將其固定在頁面的頂部和底部。
通過使用上述步驟，我們可以使用CSS來創建懸浮固定按鈕，使其在頁面中靈活移動和設置位置。這種技術可以用于各種應用程序，例如網站、移動應用程序和桌面應用程序。