哄她开心的圣诞树html源码，复制粘贴就能实现~

作者：System 时间：2024年08月15日分类：所有,html5 字数：1469

以下是一个简单的HTML源代码示例，用于创建一棵有着彩虹般颜色的圣诞树，并且可以通过复制粘贴到你的网页上即可使用：




<!DOCTYPE html>
<html>
<head>
    <title>Christmas Tree</title>
    <style>
        body, html {
            margin: 0;
            padding: 0;
            height: 100%;
        }
        .tree-container {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100%;
            background-color: #563c0d;
        }
        .tree {
            width: 200px;
            height: 300px;
            background-color: #563c0d;
            border-radius: 50px;
            position: relative;
            animation: shake 5s infinite;
        }
        .tree::before {
            content: '';
            position: absolute;
            bottom: -50px;
            left: 50px;
            width: 80px;
            height: 80px;
            background-color: #563c0d;
            border-radius: 50%;
        }
        .tree::after {
            content: '';
            position: absolute;
            bottom: -70px;
            left: 30px;
            width: 10px;
            height: 30px;
            background-color: #563c0d;
            border-radius: 50%;
        }
        .lights {
            position: absolute;
            bottom: -50px;
            left: 50%;
            transform: translateX(-50%);
            width: 120px;
            height: 120px;
            background: radial-gradient(circle at center

哄她开心的圣诞树html源码，复制粘贴就能实现~

评论已关闭

推荐阅读