网站底部友链代码

代码如下

<!-- 底部友链部分 -->

<footer>

    <div class="footer-container">

        <div class="footer-links">

            <h2>友情链接</h2>

            <ul>

                <li><a href="https://www.example1.com" target="_blank">网站一</a></li>

                <li><a href="https://www.example2.com" target="_blank">网站二</a></li>

                <li><a href="https://www.example3.com" target="_blank">网站三</a></li>

                <li><a href="https://www.example4.com" target="_blank">网站四</a></li>

            </ul>

        </div>

    </div>

</footer>

<!-- 简单的 CSS 样式 -->

<style>

    footer {

        background-color: #f1f1f1;

        padding: 20px;

        text-align: center;

    }

    .footer-container {

        max-width: 1200px;

        margin: 0 auto;

    }

    .footer-links h2 {

        margin-bottom: 10px;

        font-size: 1.5em;

        color: #333;

    }

    .footer-links ul {

        list-style-type: none;

        padding: 0;

    }

    .footer-links ul li {

        display: inline;

        margin-right: 15px;

    }

    .footer-links ul li a {

        text-decoration: none;

        color: #007bff;

    }

    .footer-links ul li a:hover {

        text-decoration: underline;

    }

</style>

演示框: