简洁清爽登录注册忘记密码tab切换页面效果代码-html代码-BFW代码库

简洁清爽登录注册忘记密码tab切换页面效果代码

代码语言：html

代码描述：简洁清爽登录注册忘记密码tab切换页面效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <style>

        html {
            box-sizing: border-box
        }
        * {
            -webkit-tap-highlight-color: rgba(255,255,255,0);
            -webkit-tap-highlight-color: transparent;
            box-sizing: inherit
        }
        *:before,*:after {
            box-sizing: inherit
        }
        table {
            width: 100%
        }
        iframe {
            border: 0;
            height: 100%;
            width: 100%
        }
        button {
            background: transparent;
            border: 0;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none
        }
        small {
            display: block
        }
        fieldset {
            margin: 0
        }
        input,fieldset {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            border: 0;
            padding: 0;
            margin: 0;
            min-width: 0;
            font-size: 1.0rem;
            font-family: inherit
        }
        input[type='number'] {
            -moz-appearance: textfield
        }
        input[type='number']::-webkit-inner-spin-button,input[type='number']::-webkit-outer-spin-button {
            -webkit-appearance: none;
            appearance: none
        }
        img {
            display: block;
            height: auto;
            max-height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            width: 100%
        }
        svg {
            display: block;
            pointer-events: none
        }
        a {
            color: inherit;
            display: block;
            text-decoration: none
        }
        p > a {
            display: inline;
            font-family: inherit;
            font-size: inherit;
            font-style: inherit
        }
        ul,ol {
            list-style: none;
            margin: 0;
            padding: 0
        }
        html {
            font-size: 62.5%;
            line-height: 1.5
        }
        body,h1,h2,h3,h4,h5,h6,label,button,input,select,textarea,li,a,strong,i,span,th,td {
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-size: 1.6rem;
            font-weight: 300;
            text-rendering: optimizeSpeed
        }
        h1 {
            font-weight: 900
        }
        h1,h2,h3,h4,h5,h6 {
            line-height: 1.125;
            margin-top: 0;
            text-rendering: optimizeLegibility
        }
        p + p {
            margin-top: 1.5em
        }
        .u-m0 {
            margin: 0
        }
        .u-mt0 {
            margin-top: 0
        }
        .u-mr0 {
            margin-right: 0
        }
        .u-mb0 {
            margin-bottom: 0
        }
        .u-ml0 {
            margin-left: 0
        }
        .u-m05 {
            margin: 5px
        }
        .u-m1 {
            margin: 10px
        }
        .u-mt1 {
            margin-top: 10px
        }
        .u-mr1 {
            margin-right: 10px
        }
        .u-mb1 {
            margin-bottom: 10px
        }
        .u-ml1 {
            margin-left: 10px
        }
        .u-m2 {
            margin: 20px
        }
        .u-mt2 {
            margin-top: 20px
        }
        .u-mr2 {
            margin-right: 20px
        }
        .u-mb2 {
            margin-bottom: 20px
        }
        .u-ml2 {
            margin-left: 20px
        }
        .u-p0 {
            padding: 0
        }
        .u-pt0 {
            padding-top: 0
        }
        .u-pr0 {
            padding-right: 0
        }
        .u-pb0 {
            padding-bottom: 0
        }
        .u-pl0 {
            padding-left: 0
        }
        .u-p1 {
            padding: 10px
        }
        .u-pt1 {
            padding-top: 12px
        }
        .u-pr1 {
            padding-right: 12px
        }
        .u-pb1 {
            padding-bottom: 12px
        }
        .u-pl1 {
            padding-left: 12px
        }
        .u-p2 {
            padding: 20px
        }
        .u-pt2 {
            padding-top: 20px
        }
        .u-pr2 {
            padding-right: 20px
        }
        .u-pb2 {
            padding-bottom: 20px
        }
        .u-pl2 {
            padding-left: 20px
        }
        .u-db {
            display: block
        }
        .u-show {
            display: block !important
        }
        .u-show-dib {
            display: inline-block !important
        }
        .u-dn {
            display: none
        }
        .u-hide {
            display: none !important
        }
        .u-hide-off-canvas {
            position: absolute;
            top: 0;
            -webkit-transform: translateX(3000px);
            transform: translateX(3000px)
        }
        .u-dib {
            display: inline-block
        }
        .u-fl {
            float: left
        }
        .u-full-height {
            min-height: 100vh
        }
        .u-full-width-break-container {
            margin-left: calc(-50vw + 50%);
            width: 100vw
        }
        .u-relative {
            position: relative
        }
        .u-absolute {
            position: absolute
        }
        .u-fixed {
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            position: fixed
        }
        .u-pos-t0 {
            top: 0
        }
        .u-pos-r0 {
            right: 0
        }
        .u-pos-b0 {
            bottom: 0
        }
        .u-pos-l0 {
            left: 0
        }
        .u-pos-tr0 {
            top: 0;
            right: 0;
            bottom: auto;
            left: auto
        }
        .u-pos-tl0 {
            top: 0;
            right: auto;
            bottom: auto;
    .........完整代码请登录后点击上方下载按钮下载查看