我试图用简单的HTML和几行CSS在我的网站上添加社交按钮。

以下是我的想法:

<button class="facebook-btn"><span class="dashicons dashicons-facebook-alt"></span></button>
<button class="twitter-btn"><span class="dashicons dashicons-twitter"  ></span></button>

<button class="facebook-btn"><span class="dashicons dashicons-facebook-alt"></span></button>
<button class="twitter-btn"><span class="dashicons dashicons-twitter"  ></span></button>

JSFiddle:https://JSFiddle.net/0t17mv5x/(JSFiddle无法加载Dashicons，因此图标不可见，但以下是它在我的站点上的外观:https://i.imgur.com/5xhpwkm.jpg).

我有一个问题和一个问题。

1. 如何在没有可见锚点的情况下向这些按钮添加链接？我希望能够点击Facebook或Twitter图标并被重定向到我网站的粉丝页面。

2. 我需要在代码中添加cursor：pointer指向伪元素，但我不知道如何添加。它在伪元素之外工作（在这个场景中是Dashicons和text)，但不在伪元素本身上工作。再一次，JsFiddle不能加载Dashicons，所以在这里它工作得很好，但在我的站点上就不行了。

有人有什么想法吗？提前感谢！

顺晟科技：

只需添加您的周围按钮与您的风扇页的URL链接到每个相应的按钮。此链接在引用社交媒体图标或按钮时非常有用。在本例中使用bootstrap类就是这样做的方法。也有内联的方法，比如使用代码。