黄金价格走势 | 最新黄金价格查询 - 黄金行情 - 常规

<!DOCTYPE html>
<html>
<head>
    <title>黄金价格走势 | 最新黄金价格查询 - 黄金行情</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
    <style>
        /* Add styles for the website */
        .navbar {
            margin-bottom: 0;
            background-color: #ffcc33;
            border: 0;
            font-size: 18px !important;
            letter-spacing: 4px;
            opacity: 0.9;
        }
<pre><code>    .navbar-brand {
        font-size: 30px;
        font-weight: bold;
        margin-left: 50px;
    }

    .navbar-brand:hover {
        color: #000000;
    }

    .navbar-nav li a:hover {
        color: #000000 !important;
    }

    .jumbotron {
        background-image: url('gold.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        height: 500px;
        text-align: center;
        color: white;
        font-size: 40px;
        font-weight: bold;
        padding-top: 200px;
        opacity: 0.9;
    }

    .container-fluid {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    h2 {
        font-size: 30px;
        font-weight: bold;
        margin-top: 50px;
        margin-bottom: 30px;
        text-align: center;
    }

    .table {
        font-size: 20px;
    }

    .table th {
        background-color: #ffcc33;
        color: #000000;
        font-weight: bold;
        text-align: center;
    }

    .table td {
        text-align: center;
        vertical-align: middle;
    }

    .btn {
        background-color: #ffcc33;
        border: none;
        color: #000000;
        font-size: 20px;
        font-weight: bold;
        margin-top: 30px;
    }

    .btn:hover {
        background-color: #000000;
        color: #ffffff;
    }

    footer {
        background-color: #ffcc33;
        color: #000000;
        font-size: 18px;
        text-align: center;
        padding: 10px;
        opacity: 0.9;
    }
&lt;/style&gt;
</code></pre>
</head>
<body>
<pre><code>&lt;!-- Add a navigation bar --&gt;
&lt;nav class=&quot;navbar navbar-expand-lg navbar-light&quot;&gt;
    &lt;a class=&quot;navbar-brand&quot; href=&quot;#&quot;&gt;黄金行情&lt;/a&gt;
    &lt;button class=&quot;navbar-toggler&quot; type=&quot;button&quot; data-toggle=&quot;collapse&quot; data-target=&quot;#navbarNav&quot;&gt;
        &lt;span class=&quot;navbar-toggler-icon&quot;&gt;&lt;/span&gt;
    &lt;/button&gt;
    &lt;div class=&quot;collapse navbar-collapse&quot; id=&quot;navbarNav&quot;&gt;
        &lt;ul class=&quot;navbar-nav ml-auto&quot;&gt;
            &lt;li class=&quot;nav-item active&quot;&gt;
                &lt;a class=&quot;nav-link&quot; href=&quot;#&quot;&gt;首页&lt;/a&gt;
            &lt;/li&gt;
            &lt;li class=&quot;nav-item&quot;&gt;
                &lt;a class=&quot;nav-link&quot; href=&quot;#&quot;&gt;行情分析&lt;/a&gt;
            &lt;/li&gt;
            &lt;li class=&quot;nav-item&quot;&gt;
                &lt;a class=&quot;nav-link&quot; href=&quot;#&quot;&gt;黄金投资&lt;/a&gt;
            &lt;/li&gt;
            &lt;li class=&quot;nav-item&quot;&gt;
                &lt;a class=&quot;nav-link&quot; href=&quot;#&quot;&gt;关于我们&lt;/a&gt;
            &lt;/li&gt;
        &lt;/ul&gt;
    &lt;/div&gt;
&lt;/nav&gt;

&lt;!-- Add a jumbotron with a background image --&gt;
&lt;div class=&quot;jumbotron&quot;&gt;
    &lt;h1&gt;最新黄金价格走势&lt;/h1&gt;
&lt;/div&gt;

&lt;!-- Add a container with the latest gold price table --&gt;
&lt;div class=&quot;container-fluid&quot;&gt;
    &lt;h2&gt;最新黄金价格&lt;/h2&gt;
    &lt;table class=&quot;table table-bordered&quot;&gt;
        &lt;thead&gt;
            &lt;tr&gt;
                &lt;th&gt;日期&lt;/th&gt;
                &lt;th&gt;黄金价格（美元/盎司）&lt;/th&gt;
                &lt;th&gt;涨跌幅&lt;/th&gt;
            &lt;/tr&gt;
        &lt;/thead&gt;
        &lt;tbody&gt;
            &lt;tr&gt;
                &lt;td&gt;2021-10-01&lt;/td&gt;
                &lt;td&gt;1750.00&lt;/td&gt;
                &lt;td&gt;+1.2%&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
                &lt;td&gt;2021-09-30&lt;/td&gt;
                &lt;td&gt;1730.00&lt;/td&gt;
                &lt;td&gt;-0.5%&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
                &lt;td&gt;2021-09-29&lt;/td&gt;
                &lt;td&gt;1740.00&lt;/td&gt;
                &lt;td&gt;+0.7%&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
                &lt;td&gt;2021-09-28&lt;/td&gt;
                &lt;td&gt;1728.00&lt;/td&gt;
                &lt;td&gt;-0.2%&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
                &lt;td&gt;2021-09-27&lt;/td&gt;
                &lt;td&gt;1732.00&lt;/td&gt;
                &lt;td&gt;+0.3%&lt;/td&gt;
            &lt;/tr&gt;
        &lt;/tbody&gt;
    &lt;/table&gt;
    &lt;button class=&quot;btn&quot;&gt;查看更多&lt;/button&gt;
&lt;/div&gt;

&lt;!-- Add a footer --&gt;
&lt;footer&gt;
    &lt;p&gt;版权所有 &amp;copy; 2021 黄金行情&lt;/p&gt;
&lt;/footer&gt;
</code></pre>
</body>
</html>