Javascript 使社交图标可点击

我一直在网上搜索一些如何使社交图标可点击的说明，但我似乎找不到答案。我喜欢在我的博客中放一些图标，上面的代码如下：

.social wrap{
宽度：325px；
高度：50px；
位置：绝对位置；
最高：50%；
左：50%；
利润率：-25px0-162.5px；
}
.社交包装按钮{
边界：无；
大纲：无；
宽度：50px；
高度：50px；
字号：1.25em；
过渡：颜色。25秒缓减，背景。25秒缓减，边界半径。25秒缓减；
盒影：0px27px73px-10pxRGBA（0,0,0,0.75）；
}
.社交包装按钮：悬停{
光标：指针；
边界半径：50px；
盒影：0px27px45px-10pxRGBA（0,0,0,0.75）；
}
.SocialWrap.facebook{
颜色：#3b5998；
背景色：#fff；
}
.social wrap.facebook:hover{
颜色：#fff；
背景色：#3b5998；
}
.social wrap.facebook:active{
背景色：#fff；
颜色：#3b5998；
}
.social wrap.twitter{
颜色：#00aced；
背景色：#fff；
}
.social wrap.twitter:hover{
颜色：#fff；
背景色：#00aced；
}
.social wrap.twitter:active{
背景色：#fff；
颜色：#00aced；
}
.social wrap.google plus{
颜色：#dd4b39；
背景色：#fff；
}
.social wrap.google plus:悬停{
颜色：#fff；
背景色：#dd4b39；
}
.social wrap.google plus:活动{
背景色：#fff；
颜色：#dd4b39；
}

---

您应该能够在

---

如果需要按钮也可以单击，您甚至可以将按钮包装在

标记中。

您应该可以将

标记包装在

---

如果需要按钮也可以单击，您甚至可以将按钮包装在

标记中。

将它们封装在锚定标记中，而不是按钮标记中，然后将锚定标记设置为按钮样式

<a class="facebook button" href="https://facebook.com/">
  <i class='fa fa-facebook'></i>
</a>

---

在样式表中进行更改

.social wrap按钮

至

.social wrap.button

及

.social wrap按钮：悬停

至

.social wrap。按钮：悬停

---

（按钮中“b”之前的句点）将它们括在锚定标记中，而不是按钮标记中，然后将锚定标记设置为按钮样式

<a class="facebook button" href="https://facebook.com/">
  <i class='fa fa-facebook'></i>
</a>

---

在样式表中进行更改

.social wrap按钮

至

.social wrap.button

及

.social wrap按钮：悬停

至

.social wrap。按钮：悬停

---

（按钮中“b”之前的句点）

一个简单的修复方法是用锚定标签将按钮包围

---

一个简单的修复方法是用锚定标签将按钮包围

需要添加更多代码。你缺少了“{}”你好，扎普，你是说CSS代码吗？是的。添加您的代码。另外，你还缺少开始和结束括号{}嗨，扎普，我已经添加了HTML和CSS代码……我对HTML代码不是很熟悉，有“%button”的代码。我熟悉基本的HTML和CSS结构。需要添加更多代码。你缺少了“{}”你好，扎普，你是说CSS代码吗？是的。添加您的代码。另外，你还缺少开始和结束括号{}嗨，扎普，我已经添加了HTML和CSS代码……我对HTML代码不是很熟悉，有“%button”的代码。我熟悉基本的HTML和CSS结构。