<html>
<head>
    <meta charset="utf-8">
    <title>你的族客yourzuq</title>
    <style>
        .di {
            width: 60%;
            margin: 10% auto 0;
            background-color: #ffffff;
            padding: 2% 5%;
            border-radius: 10px;
            box-shadow: 0 4px 12px rgba(0,0,0,0.05)
        }
        .container {
            width: 60%;
            margin: 10% auto 0;
            background-color: #ffffff;
            padding: 2% 5%;
            border-radius: 10px;
            box-shadow: 0 4px 12px rgba(0,0,0,0.05)
        }

        ul {
            padding-left: 20px;
        }

            ul li {
                line-height: 2.3
            }

        a {
            color: #f0f0f0
        }
        a[type="news"] {
            color: #07bfff
        }
        button {
            margin-left: 0.5rem;
            padding: 0.5rem 1rem;
            border: none;
            border-radius: 7px;
            background: #007bff;
            color: white;
            font-size: 1.1rem;
            cursor: pointer;
            transition: background 0.3s ease, transform 0.2s ease;
        }
    </style>
</head>
<body>
    <div class="container">
        <a href="zuqshelf.html"><button>青柠资源站</button></a><a href="https://afdian.com/a/zuqstudio?"><button>赞助</button></a><a href="http://cloud.yourzuq.xyz/home"><button>ZUQ云盘</button></a><a href="http://yourzuq.xyz/doc.html"><button>文档</button></a><a href="mod.html"><button>族客Python模块</button></a><a href="zuqos.html"><button>Z快快播</button></a><a href="http://sq.yourzuq.xyz"><button>社区</button></a><a href="https://cloud.yourzuq.xyz/s/zpHX/"><button>限时！小学五年级上册复习资料！</button></a>
        <h1 style="color:#007bff">ZUQSTUDIO</h1>
        <h3 style="color:#07bfff">欢迎来到YourZUQ</h3>
        <p style="color:#07bfff">限时免费！小学五年级上册复习资料大全，密码：ZUQ9178666GREAT</p>
        <hr>
        <h3 style="color:#007bff">介绍</h3>
        <p style="color:#07bfff">ZUQSTUDIO族客源码，是一个小型团队，制作Python模块、网页、运营社区等，并提供各种服务，详细介绍请查看下方视频</p>
        <video controls width="600">
            <source src="自我介绍.mp4" type="video/mp4">
            <p style="color:#007bff">您的浏览器不支持H5视频标签，请升级您的IE浏览器（或内核版本过低的浏览器！）</p>
        </video>
        <br>
        <h3 style="color:#007bff">我们的服务</h3>
        <p style="color:#07bfff">点击上方导航栏进入我们的服务</p>
        <br>
        <h3 style="color:#007bff">新闻</h3>
        <a type="news" href="http://sq.yourzuq.xyz/?post=14">ZUQ社区新人必看！-2025.1.10</a>
        <h4><a type="news" href="http://sq.yourzuq.xyz/?sort=23">查看全部新闻</a></h4>
        <br>
        <h3 style="color:#007bff">视频中心</h3>
        <p style="color:#07bfff">官方推荐的视频，点击视频跳转到对应视频出处</p>
        <iframe src="//player.bilibili.com/player.html?isOutside=true&aid=6057000&bvid=BV1Vs41167eV&cid=9832132&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe><iframe src="//player.bilibili.com/player.html?isOutside=true&aid=115812652290808&bvid=BV1FuiKBMEJN&cid=35093677761&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe><iframe src="//player.bilibili.com/player.html?isOutside=true&aid=115478819245007&bvid=BV1YFyfBYECS&cid=33619904786&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe>
        <a type="news" href="https://space.bilibili.com/1462053796?spm_id_from=333.40164.0.0">官方BILIBILI账号 </a><a type="news" href="https://www.acfun.cn/u/76948355"> 官方A站账号</a>
    </div>
    <center><a href="http://en.yourzuq.xyz">EN </a><a href="http://cntw.yourzuq.xyz"> 繁体</a></center>
</body>
</html>

这是网页源码，下面是CSS

<head>
    <meta charset="utf-8">
    <title>你的族客yourzuq</title>
    <style>
        .di {
            width: 60%;
            margin: 10% auto 0;
            background-color: #ffffff;
            padding: 2% 5%;
            border-radius: 10px;
            box-shadow: 0 4px 12px rgba(0,0,0,0.05)
        }
        .container {
            width: 60%;
            margin: 10% auto 0;
            background-color: #ffffff;
            padding: 2% 5%;
            border-radius: 10px;
            box-shadow: 0 4px 12px rgba(0,0,0,0.05)
        }

        ul {
            padding-left: 20px;
        }

            ul li {
                line-height: 2.3
            }

        a {
            color: #f0f0f0
        }
        a[type="news"] {
            color: #07bfff
        }
        button {
            margin-left: 0.5rem;
            padding: 0.5rem 1rem;
            border: none;
            border-radius: 7px;
            background: #007bff;
            color: white;
            font-size: 1.1rem;
            cursor: pointer;
            transition: background 0.3s ease, transform 0.2s ease;
        }
    </style>
</head>
© 版权声明
分享是一种美德，转载请保留原链接