HTML 九宫格火锅

是柴哎

已于 2022-03-20 18:25:47 修改

阅读量326

点赞数

文章标签： xhtml

于 2022-03-20 15:48:49 首次发布

本文链接：https://blog.youkuaiyun.com/qq_64131715/article/details/123614632

版权

这篇博客介绍了九宫格火锅的食材搭配，并通过HTML表格的形式展示了两种不同边框风格的排列。第一张表格带有边框，清晰地划分了火锅食材的九个格子；第二张表格则取消了边框，使得内容更显连贯。文章突出了HTML在网页布局中的应用，以及如何通过调整属性实现不同的视觉效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>九宫格火锅</title>
</head>
<body>
    <h1>九宫格火锅</h1>
    <br />
    <table border="1">
        <tr>
            <td>牛肚</td>
            <td>牛肉</td>
            <td>玉米</td>
        </tr>
        <tr>
            <td>油条</td>
            <td>虾滑</td>
            <td>豆腐</td>
        </tr>
        <tr>
            <td>翅根</td>
            <td>滑菇</td>
            <td>土豆</td>
        </tr>
    </table>

    <h2>这样火锅汤会串的哦</h2>
    <!--没有边框-->
    <table border="0">
        <tr>
            <td>牛肚</td>
            <td>牛肉</td>
            <td>玉米</td>
        </tr>
        <tr>
            <td>油条</td>
            <td>虾滑</td>
            <td>豆腐</td>
        </tr>
        <tr>
            <td>翅根</td>
            <td>滑菇</td>
            <td>土豆</td>
        </tr>
    </table>
</body>
</html>