driver.js实现页面引导层新手教程指引示例代码-html代码-BFW代码库

driver.js实现页面引导层新手教程指引示例代码

代码语言：html

代码描述：driver.js实现页面引导层新手教程指引示例代码

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

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/driver.min.css">

    <style>
        @import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Work+Sans:wght@400;600&display=swap");
        body {
                background: #bc4e9c;
                background: -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        from(#f80759),
                        to(#bc4e9c)
                );
                background: -o-linear-gradient(left, #f80759, #bc4e9c);
                background: linear-gradient(to right, #f80759, #bc4e9c);
        }
        h1,
        h4 {
                font-family: "Lato", sans-serif;
        }
        p,
        span,
        input[type="text"],
        button {
                font-family: "Work Sans", sans-serif !important;
        }
        p {
                line-height: 26px;
        }
        input[type="text"] {
                width: 100%;
                padding: 10px;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                border-radius: 3px;
                border: 1px solid #dadada;
                font-size: 16px;
                margin-top: 10px;
        }
        .container {
                width: 80%;
                padding: 40px 80px;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                background: #fff;
                margin: auto;
                margin-top: 3rem;
        }
        #start {
                background: #f953c6;
                padding: 10px.........完整代码请登录后点击上方下载按钮下载查看