欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css 分享按鈕實現

林國瑞2年前13瀏覽0評論

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-button 類和對應的分享按鈕類(例如 .facebook)。用戶可以在這些鏈接上點擊,然后跳轉到相應的社交媒體平臺分享該網頁內容。