css+div实现站内链接跳转安全提醒对话框效果代码

代码语言:html

所属分类:弹出层

代码描述:css+div实现站内链接跳转安全提醒对话框效果代码

代码标签: css div 站内 链接 跳转 安全 提醒 对话框

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

<!DOCTYPE html>
<html>

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta http-equiv="X-UA-Compatible" content="Xiarou">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <meta name="referrer" content="always">
        <title>安全中心 </title>
        <style>
            html,body {
                background: #F3F4F5;
                font-family: PingFang SC,Hiragino Sans GB,Arial,Microsoft YaHei,Verdana,Roboto,Noto,Helvetica Neue,sans-serif;
                padding: 0;
                margin: 0;
            }

            a {
                text-decoration: none;
            }

            .content {
                padding-top: 220px;
                width: 450px;
                margin: auto;
                word-break: break-all;
            }

            .content .loading-item {
                background: #fff;
                padding: 24px;
                border-radius: 12px;
                border: 1px solid #E1E1E1;
            }

            .content .flex {
                display: flex;
                align-items: center;
            }

            .content .flex-end {
                display: flex;
                justify-content: flex-end;
                align-items: center;
            }

            .content .tip2 {
                background: #FDF5E6;
            }

            .content .loading-color2 {
                color: #FC5531;
            }

            .content .loading-tip {
                padding: 12px;
                margin-bottom: 16px;
                border-radius: 4px;
            }

            .content .loading-topic {
                font-size: 14px;
                color: #222226;
                line-height: 24px;
                margin-bottom: 24px;
            }

            .content .loading-img {
                width: 24px;
                height: 24px;
            }

            .content .loading-btn .........完整代码请登录后点击上方下载按钮下载查看

网友评论0