html - 如何用一个框包围 Font Awesome 加号，使其看起来像一个按钮？

Question

我有以下 HTML:

        <div id="menu-btn">
            <div><i class="fa fa-plus fa-lg"></i></div>
        </div>

我有这个 CSS:

.menu-btn {
    height: 45px;
    width: 45px;
    background-color: #A3D8D4;
    display: block;
    float: left;
}

我正在使用 w3 学校的 HTML 和 CSS 教程。如果有人会向我解释我做错了什么。对于初学者的问题，我很抱歉，我希望不要给出向下箭头。

Answer 1

首先，请注意您使用的标签类型，这里您指定了一个 id，但在您的 css 中您声明了一个类。 通过更改它，您应该已经看到了一些东西。