8wDlpd.png
8wDFp9.png
8wDEOx.png
8wDMfH.png
8wDKte.png

 
分享一段网页html悬浮按钮代码!
头像 天无神话 2020-2-23

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

给大家看一下效果: 图片

代码部分:

 <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>
分割线 聚力云互联首月3元
最后于 2020-4-5 被天无神话编辑 ,原因:
看过的人 (3)
  • 全全
  • 天无神话
  • 广浩
最新回复 (0)
返回
免责申明:本站极少部分资源来自于网络,如有侵权,请发邮件至(twsh0305@qq.com),告诉我们,我们会立即撤下相关内容!