我正在使用fa fa-star图标，但无法在该fa star图标上做边框？怎么做？

Question

我在fa fa star图标的边框上遇到问题。它工作正常，但显示在fa fa图标后面。

我厌倦了将其放入i标签，但仍然无法正常工作。

<i class="fa fa-star" aria-hidden="true"></i>
<div class="text-block">
  <h4>Nature</h4>
  <p>What a beautiful sunrise</p>
</div>

Answer 1

如果您将border类添加到了图标标签，则可以通过将以下CSS添加到项目中来为元素添加边框。

.border{
border: 1px solid #000;
}

如果这不是您想要的内容，请更新您的问题以更具描述性，以何种方式向您的元素添加边框。