介绍：社交图标的使用

当构建社交模块时，常常需要使用社交图标。'ul class= social-icons '是我们可以使用的一种方法。

语法

<ul class="social-icons">
    <li>
        <a href="#" target="_blank">
            <i class="fab fa-facebook-f"></i>
        </a>
    </li>
    <li>
        <a href="#" target="_blank">
            <i class="fab fa-twitter"></i>
        </a>
    </li>
    <li>
        <a href="#" target="_blank">
            <i class="fab fa-google-plus-g"></i>
        </a>
    </li>
    <li>
        <a href="#" target="_blank">
            <i class="fab fa-linkedin-in"></i>
        </a>
    </li>
</ul>

说明

• ul标签具有.social-icons类，用于指定社交图标。
• li元素通过<i>标签包含社交图标的CSS类，这些CSS类可以通过FontAwesome字体集合获得。在上面的示例中，我使用了.Font Awesome 5。

FontAwesome

FontAwesome是一套开源图标库，其中包含超过1,500个图标。可以通过CSS引用内容使用它们，或者作为字体集合使用它们，以便在网页中动态缩放并自定义它们的颜色。

结论

'ul class= social-icons'是一种创建社交模块的简单方法。与FontAwesome一起使用，使构建运动且富有表现力的网站变得更加容易。