CSS 頁(yè)面加浮動(dò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;
}

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

在 CSS 中加入浮動(dòng)按鈕可以通過設(shè)置按鈕的 position 屬性來完成。通過將 position 屬性設(shè)置為 fixed，按鈕將保持在頁(yè)面的固定位置，無論用戶滾動(dòng)。下面的 CSS 代碼樣式將創(chuàng)建浮動(dò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;
}

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

• 邊框：無
• 邊框半徑：50%
• 背景顏色：#333（黑色）
• 字體顏色：#fff（白色）
• 字體大小：20px
• 寬度：50px
• 高度：50px
• 文本對(duì)齊：中心
• 行高：50px
• 游標(biāo)：指針

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