学习了一下使用CSS完成按钮飘浮功能。由于是第一次玩CSS,所以主要是熟悉CSS语法。至于飘浮功能,就一个属性position:fixed,完成。
本代码实现功能:
1. 实现三个按钮飘浮
2. 按钮实现鼠标移上时,背景色变化。
3. 按钮按下时,调用 JS弹个对话框。
注意事项:
1. CSS的定义只能在
中2. CSS中#后面跟id名, .(点)后面跟class名
3. css的margin 和padding学习,使用两个div, 一大框一小框,然后设置小框在大框里面。设置小框的margin和padding,熟悉其含义
以下为代码全文。
一百行的表,只是为了让页面超过一页,可以测试拉动页面时,飘浮按钮固定不动: