8wDlpd.png
8wDFp9.png
8wDEOx.png
8wDMfH.png
8wDKte.png
分享一段云商城网页html悬浮按钮代码
adgjm531 2022-4-16

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

给大家看一下效果: 图片

代码部分:

 <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>
最新回复 (0)
返回