CSS飘浮按钮学习
学习了一下使用CSS完成按钮飘浮功能。由于是第一次玩CSS,所以主要是熟悉CSS语法。至于飘浮功能,就一个属性position:fixed,完成。
本代码实现功能:
1. 实现三个按钮飘浮
2. 按钮实现鼠标移上时,背景色变化。
3. 按钮按下时,调用 JS弹个对话框。
注意事项:
1. CSS的定义只能在
中2. CSS中#后面跟id名, .(点)后面跟class名
3. css的margin 和padding学习,使用两个div, 一大框一小框,然后设置小框在大框里面。设置小框的margin和padding,熟悉其含义
以下为代码全文。
一百行的表,只是为了让页面超过一页,可以测试拉动页面时,飘浮按钮固定不动:
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!
