在網頁開發中，很多時候我們會需要將一段文字設置為可以復制的，這樣用戶就可以方便地將文字復制到剪貼板中，以備將來使用。在 CSS 中，我們可以通過一些簡單的設置來實現這一功能。 首先，我們需要在 CSS 中設置 `user-select` 屬性為 `auto`，這樣就可以允許用戶選擇并復制文本。如果我們想要讓整個文檔都具有這個特性，可以將以下樣式用于 `body` 元素： ``` body { -webkit-user-select: auto; /* For Chrome/Safari */ -moz-user-select: auto; /* For Firefox */ -ms-user-select: auto; /* For IE/Edge */ user-select: auto; /* Standard syntax */ } ``` 如果我們只想允許某個區域內的文本進行復制，可以使用類似如下的樣式： ``` .my-text { -webkit-user-select: auto; /* For Chrome/Safari */ -moz-user-select: auto; /* For Firefox */ -ms-user-select: auto; /* For IE/Edge */ user-select: auto; /* Standard syntax */ } ``` 請注意，不是所有的瀏覽器都支持 `user-select` 屬性。在某些舊版瀏覽器中，可能需要使用 `-webkit-user-select` 和 `-moz-user-select` 等前綴來達到相同的效果。 另外，還有一些其他的 CSS 屬性可以用來控制文本是否可復制，例如 `pointer-events` 屬性。但總的來說，使用 `user-select` 屬性是最簡單、最常用的方式。 在 HTML 中，如果我們想要展示一段代碼或引用的文字，并且同時讓它們可以被復制，可以使用 `

` 標簽來包含這些內容。下面是一個示例：
```
```
可以在 `
` 中使用 `` 標簽，這樣可以保留空格、換行等原本的格式。如果我們不使用 `` 標簽，那么在某些瀏覽器中，可能會將空格和換行進行壓縮。最后，我們可以使用 CSS 來進一步美化 `
` 中的內容，例如調整字體大小、顏色等。
總之，通過使用 CSS 中的 `user-select` 屬性和 HTML 中的 `
` 標簽，我們可以讓文本內容在保持原本格式的同時，具有可以復制的特性。這是一個非常方便的功能，可以讓用戶更加愉快地使用我們的網頁。