CSS是前端開發中常用的樣式語言，可以通過選擇器和屬性來控制頁面的樣式。其中復制功能是一個比較實用的功能，在需要復制一段文本、圖像等時，可以通過CSS來實現。下面我們就來看一下如何通過CSS實現復制功能。
首先，在CSS中有一個偽元素::before，可以在元素的內容前面添加一些內容。我們可以利用偽元素::before來實現復制內容的功能。
復制內容的CSS樣式：
.copy::before {
content: attr(data-copy); /* 展示要復制的內容 */
position: absolute; /* 設置定位，方便接下來實現復制功能 */
opacity: 0; /* 設置透明度為0，不展示在頁面上 */
}接下來，我們需要通過JavaScript來實現復制的邏輯。這里使用的是原生的JavaScript語言，代碼如下：
// 給需要復制的元素綁定點擊事件
document.querySelector('.copy').addEventListener('click', function() {
// 找到要復制的元素
const textarea = document.createElement('textarea');
textarea.value = this.dataset.copy;
document.body.appendChild(textarea);
// 將內容復制到粘貼板
textarea.select();
document.execCommand('copy');
// 清除textarea元素
textarea.remove();
// 彈窗提示
alert('內容已復制！');
});上述代碼中，我們先通過document.createElement()方法創建了一個單行文本框