css布局一个卡片式登录表单页面效果代码-html代码-BFW代码库

css布局一个卡片式登录表单页面效果代码

代码语言：html

代码描述：css布局一个卡片式登录表单页面效果代码

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

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">

    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/all.5.15.3.css">
    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/font-awesome-4.7.0/css/font-awesome.min.css">
    <style>
        @import url('https://fonts.googleapis.com/css?family=Raleway:400,700');
        * {
        box-sizing:border-box;
        margin:0;
        padding:0;
        font-family:Raleway,sans-serif
}
body {
        background:linear-gradient(90deg,#C7C5F4,#776BCC)
}
.container {
        display:flex;
        align-items:center;
        justify-content:center;
        min-height:100vh
}
.screen {
        background:linear-gradient(90deg,#5D54A4,#7C78B8);
        position:relative;
        height:600px;
        width:360px;
        box-.........完整代码请登录后点击上方下载按钮下载查看