css布局实现移动端手机端简洁问答调查问卷答题表单效果代码
代码语言:html
所属分类:表单美化
代码描述:css布局实现移动端手机端简洁问答调查问卷答题表单效果代码
代码标签: 移动 端 手机 端 简洁 问答 调查 问卷 答题 表单 效果
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum=1.0,minimum=1.0,user-scalable=0" /> <style> body { background: white; padding: 0; margin: 0; } .header { text-align: center; height: 50px; line-height: 50px; background: white; box-shadow: 0 15px 30px #e5e5e5; font-size: 20px; padding: 0px 20px; margin: 0; } section { margin: 20px 0; } .answer { display: flex; } .answer a { background: rgb(243,247,255); height: 30px; display: block; border-radius: 15px; width: 100px; text-align: center; line-height: 30px; color: rgb(173,176,207); margin: 10px; box-shadow: 0 15px 30px #e5e5e5; cursor: pointer; } .sel { background: rgb(52,113,255) !important; color: white !important; } .submit { background: rgb(52,113,255) !important; color: white !important; height: 40px; display: block; border-radius: 15px; width: 100%; text-align: center; line-height: 40px; box-shadow: 0 15px 30px #e5e5e5; } .cont { padding: 20px; } </style> </head> <body> <h3 class="header">回答问题</h3> <div class=&q.........完整代码请登录后点击上方下载按钮下载查看
网友评论0