文件上傳是網站中常用的功能之一，它可以讓用戶將自己的圖片、文檔或其他文件上傳至網站，以便于與其他人分享或存儲。然而，文件上傳的樣式常常會被忽略，這樣就會使整個網站看起來不夠美觀。那么，如何為文件上傳添加好看的CSS樣式呢？
.file-box {
position: relative;
overflow: hidden;
display: inline-block;
width: 150px;
height: 30px;
background-color: #fff;
border: 2px solid #ccc;
border-radius: 4px;
color: #333;
text-align: center;
font-size: 14px;
font-weight: bold;
line-height: 30px;
}
.file-box input[type=file] {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0;
font-size: 20px;
cursor: pointer;
}以上就是樣式的核心代碼，我們可以將其加入我們所要上傳文件的HTML代碼里面。首先，我們使用一個包裹文件上傳的
，并設置樣式為.file-box。在該
中，我們再添加一個用于上傳文件的標簽。雖然這個標簽看不到，但是有了它，用戶點擊.file-box時就會自動選擇該標簽。
這樣一來，我們就成功地給文件上傳添加了一些CSS樣式，使其看起來更為美觀。