[分享]css写qq微博微信分享

CSS是一种用于网页排版的语言。它可以让我们轻松地实现各种网页效果，包括分享到QQ、微博和微信。下面是一个简单的CSS样式，让我们看看如何使用它来实现分享到QQ、微博和微信。.shareqq, .sh...

CSS是一种用于网页排版的语言。它可以让我们轻松地实现各种网页效果，包括分享到QQ、微博和微信。

下面是一个简单的CSS样式，让我们看看如何使用它来实现分享到QQ、微博和微信。

.share-qq, .share-weibo, .share-wechat{
  display: inline-block;
  margin-right: 10px;
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
}

.share-qq{
  background-image: url(qq.png);
}

.share-weibo{
  background-image: url(weibo.png);
}

.share-wechat{
  background-image: url(wechat.png);
} 

以上代码定义了三个class，分别是.share-qq、.share-weibo和.share-wechat。

每个class都使用了display: inline-block，这样它们会在同一行上显示，并且使用了margin-right: 10px来给它们之间留出一些空隙。

通过设置width和height来定义分享图标的大小，同时使用background-repeat: no-repeat来避免分享图标被重复显示。

最后，我们为每个class定义了不同的background-image，分别是qq.png、weibo.png和wechat.png。这样就可以将对应的图标显示在每个分享链接上。

使用这些CSS样式，我们就可以轻松地实现分享到QQ、微博和微信的功能了。只需将对应的class添加到链接上即可。

例如：

<a href="http://www.qq.com" class="share-qq"></a>
<a href="http://www.weibo.com" class="share-weibo"></a>
<a href="http://www.wechat.com" class="share-wechat"></a>