如何用一个框包围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中您声明了一个类。 通过更改它你应该已经有了一些东西。