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;
}

在网页设计中，浮动按钮是一个用于在页面上进行主要操作的小型按钮。它通常被放置在页面的固定位置，从而使用户更容易找到和访问。

在 CSS 中加入浮动按钮可以通过设置按钮的 position 属性来完成。通过将 position 属性设置为 fixed，按钮将保持在页面的固定位置，无论用户滚动。下面的 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;
}

对于该样式，按钮将位于右下角，并具有以下特征：

• 边框：无
• 边框半径：50%
• 背景颜色：#333（黑色）
• 字体颜色：#fff（白色）
• 字体大小：20px
• 宽度：50px
• 高度：50px
• 文本对齐：中心
• 行高：50px
• 游标：指针

通过更改样式属性，您可以更改按钮的颜色，大小和位置，以满足您的特定需求。