CSS 分享按钮是一种常见的网页设计元素。可以在网页中创建分享按钮，使用户可以将网页内容分享到不同的社交媒体平台。下面是一个简单的实现方式。

.share-button {
display: inline-block;
margin: 10px;
padding: 5px 10px;
border-radius: 5px;
background-color: #3b5998;
color: #fff;
font-size: 16px;
font-weight: bold;
text-decoration: none;
}
.facebook {
background-color: #3b5998;
}
.twitter {
background-color: #55acee;
}
.google {
background-color: #dd4b39;
}
.linkedin {
background-color: #007bb6;
}
.pinterest {
background-color: #cb2027;
}

以上代码定义了一个名为 .share-button 的 CSS 类，并基于该类实现了五个不同的分享按钮，分别对应 Facebook、Twitter、Google、LinkedIn 和 Pinterest。

在网页中使用这些分享按钮时，只需在 HTML 中添加一个包含相应 CSS 类的链接元素即可，例如：

Share on FacebookShare on TwitterShare on GoogleShare on LinkedInShare on Pinterest

以上代码将创建五个链接元素，每个元素都包含 .share-button 类和对应的分享按钮类（例如 .facebook）。用户可以在这些链接上点击，然后跳转到相应的社交媒体平台分享该网页内容。