使用CSS實現分享按鈕是一個相對簡單的任務，因為CSS的樣式和屬性足以滿足各種需求。我們可以通過CSS來創建任何形狀、大小、顏色的按鈕，并且可以添加動畫效果和交互功能。 下面是一個簡單的CSS分享按鈕的示例代碼：

.share-button {
display: inline-block;
border: none;
padding: 0;
margin: 0;
cursor: pointer;
background: #0077cc;
color: #fff;
font-size: 16px;
font-weight: bold;
text-align: center;
text-decoration: none;
transition: background .3s ease;
border-radius: 4px;
width: 120px;
height: 40px;
}
.share-button:hover {
background: #005fa3;
}
.share-button:active {
background: #004c89;
}
.share-icon {
display: inline-block;
margin-right: 8px;
width: 16px;
height: 16px;
background-image: url('share-icon.png');
background-position: center;
background-repeat: no-repeat;
}
.share-text {
display: inline-block;
vertical-align: middle;
}

這段代碼定義了一個類名為`share-button`的按鈕樣式，它的樣式包括了背景、顏色、字體、大小和形狀等內容。另外，鼠標懸浮時會有背景變化效果，鼠標按下時會有另一種背景效果。同時，這個按鈕還包含了一個分享圖標和文本。 如果需要添加更多的分享圖標，我們可以在CSS中使用類名來控制不同的圖標，例如：

.facebook-icon {
background-image: url('facebook-icon.png');
}
.twitter-icon {
background-image: url('twitter-icon.png');
}
.linkedin-icon {
background-image: url('linkedin-icon.png');
}

這里定義了三個不同的圖標類名，每個類名都有一個不同的背景圖像。當我們需要在頁面中添加分享按鈕時，只需要添加對應的HTML代碼即可：

分享到Facebook分享到Twitter分享到LinkedIn

這段HTML代碼包含了三個`share-button`類名的按鈕，每個按鈕中有一個`share-icon`類名的圖標和`share-text`類名的文本。通過CSS和HTML的結合，我們可以實現各種不同風格和樣式的分享按鈕，滿足不同的需求。