分享一段网页html悬浮按钮代码!

今天我在自己的代刷网研究了一下,想添加一个侧边栏的按钮

这个代码,非常适合一些主题色为紫色的主题模板,当然也可以自己改一下参数,改变它的样子还有高度大小等等的,请自由发挥吧!

给大家看一下效果:

分享一段网页html悬浮按钮代码!-多余博客屋

<div class="visible-xs">
<p style="text-decoration:none;font-weight:bold;position: fixed;z-index: 1030;right: -6px;bottom: 180px;display: inline-block;width: 20px;border-top-left-radius: 10px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 10px;color: white;font-size: 17px; box-shadow: rgb(114, 102, 186) 0px 0px 10px;;word-wrap: break-word;padding: 5px 15px;border: 2px solid white;background: #7266ba;">
<a href="点击跳转的链接" target="_blank" style="position: relative;left: -10px; top: 2px; color:#fff;">
<i class="icon-badge"></i>按钮名称</a>
</p>
</div>

 

温馨提示:本文最后更新于2022-06-21 10:42:48,某些文章具有时效性,若有错误或已失效,请在下方留言或联系多余博客屋
© 版权声明
THE END
喜欢就支持一下吧
点赞10赞赏 分享
评论 共1条

请登录后发表评论