, It's sunny

看到别人的友链觉得很好看，也想自己弄出来，所以就以写单页的形式写了友情链接，但是失败了，周末在想想其他办法吧，还要继续上课～

虽然没有达到意想效果，但是这是第一次自己完整的写代码，虽然不好，但会继续努力的，

收获一张图

29－1

友链单页

<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8">
        <title>
            友情链接
        </title>
        <style>
            .links_1 { text-decoration:none; color:#000000; } .links_2 { width:130px;
            background-color:#f0f0f0; border-radius:7px; } .links_img img { padding-top:5%;
            margin-left:5%; display:block; width:90%; border-radius:7px; } .links_text{
            text-align: center; height:30px; }
        </style>
    </head>
    <body>
        <table cellpadding="5">
            <tr>
                <td>
                    <a class="links_1" href="https://muy.ooo/ " target="_blank">
                        <div class="links_2">
                            <div class="links_img">
                                <img src="https:/muy.ooo/logo.jpg">
                            </div>
                            <div class="links_text">
                                <h4>
                                    MuY's Blog
                                </h4>
                            </div>
                        </div>
                    </a>
                </td>
                <td>
                    <a class="links_1" href="https://muy.ooo/ " target="_blank">
                        <div class="links_2">
                            <div class="links_img">
                                <img src="https:/muy.ooo/logo.jpg">
                            </div>
                            <div class="links_text">
                                <h4>
                                    MuY's Blog
                                </h4>
                            </div>
                        </div>
                    </a>
                </td>
                <td>
                    <a class="links_1" href="https://muy.ooo/ " target="_blank">
                        <div class="links_2">
                            <div class="links_img">
                                <img src="https:/muy.ooo/logo.jpg">
                            </div>
                            <div class="links_text">
                                <h4>
                                    MuY's Blog
                                </h4>
                            </div>
                        </div>
                    </a>
                </td>
            </tr>
        </table>
    </body>

</html>

结语

还在继续学习中
加油！！！

尝试