游客
标题:实现拼图滑动验证码代码样式
正文:
<!DOCTYPE html> <html> <head> <title>滑动拼图验证码</title> <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1582902_u0zm91pv15i.css"> <style type="text/css"> .verify-slide-con{ /* 滑动拼图容器块 */ width: 360px; padding: 10px 20px; border: 1px solid #eee; } .img-con{ /* 图片容器块 */ width: 100%; height: 200px; display: flex; justify-content: center; align-items: center; overflow: hidden; border: 1px solid #eee; position: relative; } .img-con > .slide-block{ /* 图片区域的滑块 */ top: 0; left: 0; position: absolute; height: 40px; width: 40px; display: none; background-repeat: no-repeat; background-attachment: scroll;
[<<][[1]][2][3][>>]
查看评论(0)
发表评论
首页