CSS飘浮按钮学习

学习了一下使用CSS完成按钮飘浮功能。由于是第一次玩CSS,所以主要是熟悉CSS语法。至于飘浮功能,就一个属性position:fixed,完成。

本代码实现功能:

1. 实现三个按钮飘浮

2. 按钮实现鼠标移上时,背景色变化。

3. 按钮按下时,调用 JS弹个对话框。

 

注意事项:

1. CSS的定义只能在中

2. CSS中#后面跟id名, .(点)后面跟class名

3. css的margin 和padding学习,使用两个div, 一大框一小框,然后设置小框在大框里面。设置小框的margin和padding,熟悉其含义

 

以下为代码全文。






模拟与测试





    

    



    

一百行的表,只是为了让页面超过一页,可以测试拉动页面时,飘浮按钮固定不动:




 


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部