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

代码语言:html

所属分类:布局界面

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

代码标签: 注册 忘记 密码 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 {
       .........完整代码请登录后点击上方下载按钮下载查看

网友评论0