<style> .btn{ background-color: #4CAF50; color: white; padding: 10px 20px; border-radius: 5px; position: fixed; bottom: 20px; right: 20px; } </style>
首先,大家创建了一个class名称为“btn”的样式,它定义了按钮的背景颜色、字体颜色、内边距、边框半径和位置。
在这个样式中,大家使用了position: fixed,这意味着按钮将固定在浏览器窗口的右下角。下面是大家将使用的HTML代码:
<div class="btn"> <a href="#">Click me!</a> </div>
大家使用一个div元素来创建按钮,其中包含一个a标签链接。该链接可以将用户带到其他页面。现在的按钮将始终显示在浏览器窗口的右下角,无论用户向上滚动还是向下滚动。
现在,您已经知道如何创建CSS按钮跟随页面,欢迎您在自己的网站上试试。