WEB开发---使用HTML CSS开发网页实时显示当前日期和时间

皓月盈江

于 2024-08-28 22:43:07 发布

阅读量1.7k

点赞数 9

分类专栏： WEB知识总结文章标签：前端 html css web开发 Date 日期时间

本文链接：https://blog.csdn.net/u013541325/article/details/141651676

版权

自己刚开始学习html css知识，临时做个网页，实时显示当前日期和时间功能。

代码如下：
test.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>显示当前日期和时间</title>

    <style>
        html, body {
     
            /* 设置高度为100% */
            height: 100%;
            /* 设置外边距为0 */
            margin: 0;
            /* 设置为弹性布局 */
            display: flex;
            /* 水平居中 */
            justify-content: center;
            /* 垂直居中 */
            align-items: cent