css实现一个全屏显示格言与时间的锁屏页面效果代码-html代码-BFW代码库

css实现一个全屏显示格言与时间的锁屏页面效果代码

代码语言：html

代码描述：css实现一个全屏显示格言与时间的锁屏页面效果代码

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

<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="UTF-8">

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

    <style>
        html, body {
            overflow-x: hidden;
            overflow-y: hidden;
            height: 100%;
            width: 100%;
            position: absolute;
            background-color: black;
            background-image: url('//repo.bfw.wiki/bfwrepo/image/5d65eaff5a217.png');
            background-repeat: no-repeat;
            background-size: cover;
            background-position: top;
            z-index: -2;
        }

        #display {
            color: white;
            font-size: 2.9em;
            top: 10px;
            border-bottom: thin solid;
            padding-bottom: 20px;
            opacity: 0.80;
            filter: alpha(opacity=80);
            /* For IE8 and earlier */
        }

        #date {
            color: white;
            font-size: 1.3em;
            font-family: Georgia, "Times New Roman", Times, serif;
            font-weight: normal;
            letter-spacing: 0.2em;
            opacity: 0.6;
            filter: alpha(opacity=60);
            /* For IE8 and earlier */
        }

        #footer {
            width: 100%;
            height: 40px;
            position: fixed;
            bottom: -1px;
            background-color: white;
            text-align: center;
        .........完整代码请登录后点击上方下载按钮下载查看