CSS 頁面加浮動按鈕

.btn {
position: fixed;
bottom: 20px;
right: 20px;
border: none;
border-radius: 50%;
background-color: #333;
color: #fff;
font-size: 20px;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
cursor: pointer;
}

在網(wǎng)頁設計中，浮動按鈕是一個用于在頁面上進行主要操作的小型按鈕。它通常被放置在頁面的固定位置，從而使用戶更容易找到和訪問。

在 CSS 中加入浮動按鈕可以通過設置按鈕的 position 屬性來完成。通過將 position 屬性設置為 fixed，按鈕將保持在頁面的固定位置，無論用戶滾動。下面的 CSS 代碼樣式將創(chuàng)建浮動按鈕：

.btn {
position: fixed;
bottom: 20px;
right: 20px;
border: none;
border-radius: 50%;
background-color: #333;
color: #fff;
font-size: 20px;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
cursor: pointer;
}

對于該樣式，按鈕將位于右下角，并具有以下特征：

• 邊框：無
• 邊框半徑：50%
• 背景顏色：#333（黑色）
• 字體顏色：#fff（白色）
• 字體大?。?0px
• 寬度：50px
• 高度：50px
• 文本對齊：中心
• 行高：50px
• 游標：指針

通過更改樣式屬性，您可以更改按鈕的顏色，大小和位置，以滿足您的特定需求。