<div class="bm shadow dm" style="width: 300px; margin: 0px; position: static; top: 50px;"> <div class="p-button"> <a href="bing" target="_blank"><div class="bing"><p>必应壁纸每日凌晨自动更新</p></div></a> <a href="start" target="_blank"><div class="vip"><p>互联网爱好者的漂亮云服务能干啥网址导航站</p></div></a> <a href="wallpaper" target="_blank"><div class="ds"><p>数千张高清桌面壁纸在线获取</p></div></a> </div> </div> </div></a></div></div></div> <style> /*右侧悬浮客服*/ a { color: #666; text-decoration: none; transition: all .2s ease; } .shadow { box-shadow: 0 5px 10px 0 rgba(146,146,146,.1); border-radius: 3px; } .bm { background: #FFF; } .bm, .bn { margin-bottom: 10px !important; } .dm { padding: 10px !important; } .p-button .bing { color: #FFF; font-size: 13px; background-image: linear-gradient(to right,rgb(86,204,242),rgb(47,128,237)); height: 35px; border-radius: 3px; display: flex; justify-content: center; align-items: center; margin-bottom: 10px; } .p-button .vip { color: #FFF; font-size: 13px; background-image: linear-gradient(to right,rgb(238,9,121),rgb(255,106,0)); height: 35px; border-radius: 3px; display: flex; justify-content: center; align-items: center; margin-bottom: 10px; } .p-button .ds { color: #FFF; font-size: 13px; background-image: linear-gradient(to right,rgb(64,224,208),rgb(255,140,0),rgb(255,0,128)); height: 35px; border-radius: 3px; display: flex; justify-content: center; align-items: center; margin-top: 10px; }</style> 内容看完了