CSS 中如何上傳文件？ 上傳文件是 Web 開發過程中經常用到的功能，CSS 中可以使用一些技巧來實現文件上傳。 HTML 的 input 標簽有個 type 屬性，可以設置為 file，表示上傳文件。而 CSS 可以改變 input 的樣式來使得上傳更加美觀。 下面是一個例子，實現了簡單的上傳文件的功能。 ```

上傳文件：

選擇文件

/* CSS 代碼 */ .custom-file-upload { border: 1px solid #ccc; display: inline-block; padding: 6px 12px; cursor: pointer; font-weight: bold; border-radius: 4px; background-color: #f7f7f7; color: #707070; } .custom-file-upload:hover { background-color: #e9e9e9; } .custom-file-upload i { margin-right: 8px; } ``` 通過 label 元素的 for 屬性和 input 元素的 id 屬性進行關聯，即可通過點擊文字來觸發文件選擇框。 利用 CSS 來美化上傳文件按鈕，將默認的樣式替換成一個帶有圖標的按鈕。透明的 input 元素仍然占據了整個按鈕區域，通過 label 元素的樣式來做到美化的效果。 最終效果如下圖所示：  有了 CSS 的幫助，文件上傳變得更加美觀和易用。